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：

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

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

问：如果选项值为 1，如何在 Mac OS X 下的 Chrome 中使用下拉选项文本颜色为红色？

Answer 1

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