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的默認樣式。