css清除select默认的样式

select在firefox与chrome的显示是不一样的，我们一般选择通过css清除掉css的默认样式，然后再增添自定义的样式来解决，css我们一般用这么几行代码来清除默认样式：

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

然后我们通过添加背景图或者用：after或者：before元素来添加一个三角形，并用background-position或者定位来调整好三角形的位置就可以了。