select::-ms-expand{ display: none; }//ie樣式清除

select{

appearance:none;

-moz-appearance:none;

-webkit-appearance:none;

background: url("/uploadfiles/images/alliance/xiala@2x.png") no-repeat scroll 480px center transparent;

background-size: 20px 10px;

padding-right: 14px;

}

option::-ms-expand{ display: none; }

option{

-moz-appearance:none; /* Firefox */

-webkit-appearance:none; /* Safari 和 Chrome */

appearance:none;

}

/* --背景色字體顏色--*/

option:hover{

color:#fff;

background-color:#1E90FF;

}

標簽：none,option,自定義,color,appearance,箭頭,background,select

來源： https://www.cnblogs.com/chunshan-blog/p/10723001.html

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的html select 修改默认箭头样式,自定义select标签箭头样式的全部內容，希望文章能夠幫你解決所遇到的問題。

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