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

Question

如何在option菜单中更改已停用的select的字体颜色？ （不是选择本身，只是下拉菜单中的选项） 我想这样做是因为在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; }

到目前为止我的结果：

铬/ Safari浏览器

坏。启用/禁用选项几乎没有区别。我很难说出什么是启用的，什么不是。

Firefox和IE（确定）

好。非常容易发现禁用选项

Answer 1

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

Answer 2

看看这是否有效： -webkit文本 - 填充 - 颜色：蓝;

源： Disabled input text color