select?{ ??/*統一邊框*/ ??border:?solid?1px?#000; ??/*將默認的select選擇框樣式清除*/ ??appearance:none;//這個樣式就是清楚他的下拉按鈕的默認樣式 ??-moz-appearance:none; ??-webkit-appearance:none; ??/*替換選擇框的最右側顯示小箭頭圖片*/ ??background:?url("http://****.png")?no-repeat?scroll?right?center?transparent; ??/*為下拉小箭頭留出一點位置，避免被文字覆蓋*/ ??padding-right:?14px; } /*清除ie的默認選擇框樣式清除，隱藏下拉箭頭*/ select::-ms-expand?{?display:?none;?}

轉載于:https://www.cnblogs.com/msb-/p/6610621.html

總結

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

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