Question

我需要更改html选择的颜色。我搜索了很多，但没有找到适用于IE的样本。那么，我可以在IE中更改Disabled HTML Select Element的颜色吗？我需要一个示例，在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/

我可以在IE中更改Disabled HTML Select Element的颜色吗？

3 个答案: