下拉样式在Mac中无法正常显示?

时间:2016-10-15 07:07:16

标签: javascript html css macos-sierra

我为网站创建了一个下拉框,但在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上。

1 个答案:

答案 0 :(得分:0)

-webkit-appearance:none使项目显示错误但不是在任何地方,请尝试这样:

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