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


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM