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; }

?

下面是我的公眾號，大家可以關注一下，可以一起學習，一起進步：

轉載于:https://www.cnblogs.com/lxl0419/p/5727403.html

總結

以上是生活随笔為你收集整理的去除下拉框的默认样式的全部內容，希望文章能夠幫你解決所遇到的問題。

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