javascript - 我可以更改 IE 中禁用的 HTML 选择元素的颜色吗？

Question

我需要更改 html 选择的颜色。我进行了很多搜索，但没有找到适用于 IE 的示例。那么，我可以更改 IE 中禁用的 HTML 选择元素的颜色吗？我需要一个示例，在 css 或 javascript 或 jquery 中。这是我尝试过的。

<select disabled="disabled">
    <option value="a">option A</option>
    <option value="b">option B</option>
    <option value="c">option C</option>
</select>

[disabled] {
  color: #933;
  background-color: #ffc;
}


select:disabled
{
    border: solid 1px silver;
    background-color: #F9F9F9;
    color:blue;
}


[disabled] option {
    background-color: #ffc;  color: #933;
}

Answer 1

解决方案是使用::-ms-value选择器：

select[disabled]::-ms-value {
    color: red;
}

Answer 2

尝试

[disabled="disabled"] {
    color: #933;
    background-color: #ffc;
}

或者

*[disabled="disabled"] {
    color: #933;
    background-color: #ffc;
}

或者

select[disabled="disabled"] {
    color: #933;
    background-color: #ffc;
}

或使用 jQuery

<script type="text/javascript">
    jQuery(document).ready(function() {
        jQuery('[disabled="disabled"]').css({ 'color': '#993333', 'background-color': '#ffffcc' });
    });
</script>

Answer 3

事实上，上面/下面的答案都没有对我有用，但这确实：

# Select all disabled DOM objects
$(':disabled').css({
    color:'red'
});

# Select disabled DOM objects by HTML tag <input>
$('input:disabled').css({
    color:'red'
});

更多信息：https ://api.jquery.com/disabled-selector/