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去除默认样式的主要内容,如果未能解决你的问题,请参考以下文章

去除select默认样式

去除selet标签默认样式

css去除chrome下select元素默认border-radius

在css中,如何去除input标签的默认样式?

怎样用 CSS + JS 美化网页中的 select 下拉框

微信小程序去除Button默认样式