javascript - 下拉样式在 Mac 中无法正确显示？

Question

我为网站创建了一个下拉框，但它在 Mac 中显示不正确。

片段:

select {
  padding: 10px;
  margin: 0;
  -webkit-appearance: none;
  /* remove the strong OSX influence from Webkit */
}

<select>
  <option>Sushi</option>
  <option>Blue cheese with crackers</option>
  <option>Steak</option>
  <option>Other</option>
</select>

它在其他人中正确显示。问题仅出在 Mac 上。

Answer 1

-webkit-appearance:none 使元素显示错误但不是所有地方都显示错误，这样试试:

select {
        padding: 10px;
        margin: 0;
}