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