select 样式在 mac 上不生效的解决办法 -webkit-appearance

select 样式在 mac 上不生效的解决办法

当在 mac 上使用 select 的时候，你会发现样式并没有生效，还是原来的那个样子

原因

浏览器默认样式覆盖了你设置的样式。

解决办法

添加一条

-webkit-appearance: none;

结果

css:

  input, select{
    width: 100%;
    display: block;
    font-size: 14px;
    padding: 5px 10px;
    border-radius: 5px;
    border: 1px solid #dadada;
    -webkit-appearance: none;
  }

在没加 -webkit-appearance 之前

加 -webkit-appearance 之后

来源：CSDN

作者：十月ooOO

链接：https://blog.csdn.net/KimBing/article/details/103910624