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

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