select框修改默认样式

 .select1 {
    /*清除select默认样式*/
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    -ms-appearance:none;
    /*自定义箭头的样式，记得背景一定要加 白色或其他*/
    background:url("../../../../image/shiyedengjishenqing/xiala.png") no-repeat scroll  #FFFFFF;
    /*ie下,原默认的箭头样式还是会显示，所以这里把自定义的样式给去除了*/
    background-size: 12px;
    color:#478CFD;
    padding:0 10px;
    outline:none;
    background-position: 90% center ;
    border:1px solid #d7d7d7;
}

 

<div style="color: #478CFD;border: 1px solid #D7D7D7; 130px;height: 28px;line-height: 28px;font-size: 11px;display: inline-block;position: absolute;left: 30px;">
<select name="" class="select1">
<option value="">2017年10月</option>
<option value="">2017年9月</option>
<option value="">2017年8月</option>
</select>
</div>