css清除select默认的样式

weixin_30646505

于 2016-12-30 15:15:00 发布

阅读量216

点赞数

原文链接：http://www.cnblogs.com/helena000/p/6237051.html

版权

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

转载于:https://www.cnblogs.com/helena000/p/6237051.html

关注