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

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

不好。启用/禁用选项之间几乎没有区别。我很难分辨什么是启用的，什么是不启用的。

Firefox 和 IE（正常）

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

Answer 1

看看这是否有效： -webkit-text-fill-color:蓝色；

来源： Disabled input text color

Answer 2

通过 Jquery 设置所有选项

$("option:disabled").css("color","gray");

或者通过css更详细

option:disabled {
color: gray;
text-align: right;
font-style: italic;
font-size: smaller;
}

Answer 3

$(selectObject)
    .attr('disabled', 'disabled')
    .css({
        "color":"red",
        "background-color":"white",
        "border-style":"solid"
    });