css清除select默認的樣式


select在firefox與chrome的顯示是不一樣的,我們一般選擇通過css清除掉css的默認樣式,然后再增添自定義的樣式來解決,css我們一般用這么幾行代碼來清除默認樣式:

1 1 select {
2 2               appearance:none;
3 3      -moz-appearance:none;
4 4   -webkit-appearance:none;  
5 5 }

然后我們通過添加背景圖或者用:after或者:before元素來添加一個三角形,並用background-position或者定位來調整好三角形的位置就可以了。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM