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或者定位來調整好三角形的位置就可以了。