select去除默认样式
Posted liubingyjui
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了select去除默认样式相关的知识,希望对你有一定的参考价值。
select { /*Chrome同Firefox与IE里面的右侧三角显示的样式不同*/ border: solid 1px #ddd; /*将默认的select选择框样式清除*/ appearance:none; -moz-appearance:none; -webkit-appearance:none; padding-right: 14px; /*如果要加入自定义图片, 就增加这个属性 background: url或者在html中直接加入图标也行*/ } /*清除iIE的默认选择框样式*/ select::-ms-expand { display: none; }
以上是关于select去除默认样式的主要内容,如果未能解决你的问题,请参考以下文章
css去除chrome下select元素默认border-radius