去除select下拉框默認樣式

select { /*Chrome和Firefox里面的邊框是不一樣的，所以復寫了一下*/ border: solid 1px #000; /*很關鍵：將默認的select選擇框樣式清除*/ appearance:none; -moz-appearance:none; -webkit-appearance:none; /*將背景改為紅色*/ background:red; /*加padding防止文字覆蓋*/ padding-right: 14px; } /*清除ie的默認選擇框樣式清除，隱藏下拉箭頭*/ select::-ms-expand { display: none; }

總結

以上是生活随笔為你收集整理的select下拉框兼容写法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。