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

posted @ 2016-12-30 15:15  砌墙的砖  阅读(6498)  评论(0编辑  收藏  举报