bux23
7/14/2016 - 2:44 PM

Select with style

Select with style

<style>
 .buxone-select {
    border: 1px solid #ccc;
    width: 120px;
    border-radius: 3px;
    overflow: hidden;
    background: #fafafa url("img/icon-select.png") no-repeat 90% 50%;
}

.buxone-select select {
    padding: 0 6px;
    width: 130%;
    border: none;
    box-shadow: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.buxone-select select:focus {
    outline: none;
}

.buxone-inline { 
	display: inline-block; 
	vertical-align: middle;
}
</style>


<div class="bux-one-inline">
    <label for="header_media_type">Select media Type</label>
</div>
<div class="bux-one-inline">
    <div class="buxone-select">
        <select name="header_media_type" id="header_media_type">
            <option value="image" <?php selected( $mediatype, 'red' ); ?>>Image</option>
            <option value="shortcode" <?php selected( $mediatype, 'blue' ); ?>>Shortcode</option>
        </select>
    </div>
</div>