<div id="parent">
<select>
<option>what</option>
<option>the</option>
<option>hell</option>
</select>
</div>
#parent{
background: url('http://ourjs.github.io/static/2015/arrow.png') right center no-repeat;
/* the width and the height of your image */
width: 100px;
height: 30px;
overflow: hidden;
border: solid 1px #ccc;
}
#parent select{
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
background:transparent;
border:none;
padding-left:10px;
width: 100px;
height:100%;
}
