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>