在Mac上进行选择，使其看起来像选择Windows

Question

自从Mac OS系统上一次更新以来，表单组件之间存在很大差异。 我想达到的目的是修改选择，以便在Windows和Mac OS上具有相同的视图。 问题是我希望在mac和select> options的窗口上具有相同的样式，因为在这两个OS上有很大的不同，我试图创建一个小提琴并应用一些css来选择和选择，但似乎无法更改在Mac上的样式。是否有人设法在Mac上更改select的样式？

Answer 1

您需要添加-webkit-appearance:none;才能在所选内容上应用样式更改，但是，您不能更改color和background-color以外的选项样式，如下所述：{{3 }}

如果要在所有平台上使用准确的样式，则必须创建自己的选择组件。 https://stackoverflow.com/a/17203491/6178832使您入门。

webkit外观示例：

select {
  -webkit-appearance:none;
  border-radius: 0;
  padding: 5px;
  background: #fff;
}

<select id="pet-select">
    <option value="">--Please choose an option--</option>
    <option value="dog">Dog</option>
    <option value="cat">Cat</option>
    <option value="hamster">Hamster</option>
    <option value="parrot">Parrot</option>
    <option value="spider">Spider</option>
    <option value="goldfish">Goldfish</option>
</select>