css select自定义箭头的样式(兼容IE浏览器)

  时间:2018-11-21
本文章向大家介绍css select自定义箭头的样式(兼容IE浏览器),需要的朋友可以参考一下

select {
/*清除select默认样式*/
appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
-ms-appearance:none;

border:1px solid #CCC;
width:330px;
height:44px;
/*自定义箭头的样式,记得背景一定要加 白色或其他*/
background:url("../img/select.png") no-repeat scroll right center #fff;
/*ie下,原默认的箭头样式还是会显示,所以这里把自定义的样式给去除了*/
background:#fff\9;
color:#666;
padding:8px;
outline:none;
}
 

原文地址:http://www.manongjc.com/article/19444.html