html:
<select>
<option>20</option>
<option>80</option>
<option>100</option>
</select>
css:
select {
/*清除select默认样式*/
appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
-ms-appearance:none;
border:1px solid #E5E5E5;
width:200px;
height:25px;
/*自定义箭头的样式,记得背景一定要加 白色或其他*/
background-color: #fff;
background-image: url("/static/xiaoxiao/img/down.png");
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 178px 7px;
background-size: 14px 10px;
/*background:url("/static/xiaoxiao/img/down.png") no-repeat scroll right center #fff;*/
/*ie下,原默认的箭头样式还是会显示,所以这里把自定义的样式给去除了*/
background:#fff\9;
color:#666;
outline:none;
border-radius: 5px;
padding-left: 5px;
}
图列: