css更改select样式关于ie的兼容

select {
width: 100%;
height: 34px;
border: solid 1px #0086EA;
/*为下拉小箭头留出一点位置，避免被文字覆盖*/
 padding-right:34px;
padding-left: 10px;
/*将默认的select选择框样式清除*/
 appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
background: url("/assets/img/caret.png") no-repeat scroll right center transparent;
}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none; }

世语项目中使用，用图片做select背景。清除各个浏览器select的默认样式。

转载于:https://www.cnblogs.com/five-ugly/p/6265183.html