CSS中怎么去掉select的下拉箭頭樣式 ，針對這個問題，這篇文章詳細(xì)介紹了相對應(yīng)的分析和解答，希望可以幫助更多想解決這個問題的小伙伴找到更簡單易行的方法。

網(wǎng)站建設(shè)哪家好，找創(chuàng)新互聯(lián)公司！專注于網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、小程序定制開發(fā)、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了淮陰免費建站歡迎大家使用！

CSS Code復(fù)制內(nèi)容到剪貼板

1. select {   

2.   /*Chrome和Firefox里面的邊框是不一樣的，所以復(fù)寫了一下*/  

3.   border: solid 1px #000;   

4.   /*很關(guān)鍵：將默認(rèn)的select選擇框樣式清除*/  

5.   appearance:none;   

6.   -moz-appearance:none;   

7.   -webkit-appearance:none;   

8.   /*在選擇框的最右側(cè)中間顯示小箭頭圖片*/  

9.   background: url("/upload/otherpic52/9206.png") no-repeat scroll rightright center transparent;   

10.   /*為下拉小箭頭留出一點位置，避免被文字覆蓋*/  

11.   padding-right: 14px;   

12. }   

13. /*清除ie的默認(rèn)選擇框樣式清除，隱藏下拉箭頭*/  

14. select::-ms-expand { display: none; }  

關(guān)于CSS中怎么去掉select的下拉箭頭樣式 問題的解答就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，如果你還有很多疑惑沒有解開，可以關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道了解更多相關(guān)知識。