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

我想将值为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中工作，如何使下拉选项文本变为红色？

最佳答案

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

关于html - CSS:下拉选项文字颜色在Mac OS X上不起作用，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/28974069/