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;
}

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

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

Answer 1

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

CSS：下拉选项文本颜色不适用于 Mac OS X

CSS: Dropdown option text color not working on Mac OS X

html

css

macos

cross-browser