html - 如何更改下拉列表中禁用的选项文本颜色？

Question

如何更改 select 菜单中禁用的 option 的字体颜色？ (不是选择本身，只是它在下拉菜单中的选项) 我想这样做是因为在 chrome/safari 中，禁用/启用选项之间几乎没有区别(见第一张图片)。在 IE 中，差异在某种程度上是显而易见的。在 Firefox 中很明显。

以下方法仅适用于 FF。我怎样才能以跨浏览器的方式做到这一点？ https://jsfiddle.net/6wazms1a/3/

HTML:

<select>
    <!-- I want to change text color of 'disabled' in the pull down list. 
Reason: Make non-disabled options more prominent (like in IE and Firefox) -->
    <option disabled>disabled</option> 
    <option selected>enabled selected</option>
    <option>other enabled</option>   
    <option>another enabled</option>
</select>

CSS:

option:disabled,
option[disabled],
option[disabled="disabled"] { color: #ccc; }

到目前为止我的结果:

Chrome/浏览器

不好。启用/禁用选项之间几乎没有区别。我几乎分不清哪些已启用哪些未启用。

Firefox 和 IE(确定)

很好。很容易发现禁用的选项

Answer 1

看看这是否有效: -webkit-text-fill-color:blue;

来源: Disabled input text color