1. 程式人生 > >如何去除ie的select下拉框箭頭圖示

如何去除ie的select下拉框箭頭圖示

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的預設樣式。

目前適用於ie10及以上