CSS:下拉选项文字颜色在Mac OS X上不起作用 [英] CSS: Dropdown option text color not working on Mac OS X

问题描述

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

I want to set the color of the dropdown options text with value 1 to red.

我的HTML下拉列表:

My HTML dropdown:

<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除外.

This works in most of the browsers except in Chrome and Safari under Mac OS X.

问:如果选项值是1才能在Mac OS X下的Chrome中工作，如何使下拉选项的文本颜色变为红色?

Q: How can I make the dropdown options text color to red if the option value is 1 to work in Chrome under Mac OS X ?

推荐答案

Mac OS X上的WebKit浏览器当前不支持<option>标记的样式.您可以在此处找到更多的想法:

Styling of <option> tags is not currently supported by WebKit browsers on Mac OS X. You may find some more ideas here: Pure CSS solution to styling specific <select> options in webkit based browsers?.

这篇关于CSS:下拉选项文字颜色在Mac OS X上不起作用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！