html - CSS:下拉选项文本颜色在 Mac OS X 上不起作用

Question

我想将值为 1 的下拉选项文本的颜色设置为红色。

我的 HTML 下拉列表:

<select name="ctl00$MainContent$TelephoneDD" id="MainContent_TelephoneDD" class="form-control">
    <option value="">Select</option>
    <option value="1">33534543534</option>
    <option value="1">78678678678</option>
    <option value="0">99923444445</option>
</select>

CSS:

#MainContent_TelephoneDD option[value="1"] {
  color: red;
}

这适用于除 Mac OS X 下的 Chrome 和 Safari 之外的大多数浏览器。

问:如果选项值为 1，我如何将下拉选项文本颜色设置为红色以在 Mac OS X 下的 Chrome 中工作？

Answer 1

<option> 的样式Mac OS X 上的 WebKit 浏览器目前不支持标签。您可以在这里找到更多想法:Pure CSS solution to styling specific <select> options in webkit based browsers? .