Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/424.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/81.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 我可以更改IE中禁用的HTML Select元素的颜色吗?_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 我可以更改IE中禁用的HTML Select元素的颜色吗?

Javascript 我可以更改IE中禁用的HTML Select元素的颜色吗?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我需要更改html选择的颜色。我搜索了很多,但没有找到一个在IE中工作的示例。那么,我可以更改IE中禁用的HTML选择元素的颜色吗?我需要一个样本,在css或javascript或jquery。 这是我试过的 <select disabled="disabled"> <option value="a">option A</option> <option value="b">option B</option> &l

我需要更改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;
}

方案A
方案B
备选案文C
[残疾人士]{
颜色:#933;
背景色:#ffc;
}
选择:禁用
{
边框:纯银1件;
背景色:#F9F9F9;
颜色:蓝色;
}
[禁用]选项{
背景色:#ffc;颜色:#933;
}
试试看

或者使用jQuery

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

jQuery(文档).ready(函数(){
css({'color':'993333','background color':'ffffcc'});
});

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

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

事实上,上面/下面的答案都不适用于我,但确实如此:

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

# Select disabled DOM objects by HTML tag <input>
$('input:disabled').css({
    color:'red'
});
#选择所有禁用的DOM对象
$(':disabled').css({
颜色:'红色'
});
#按HTML标记选择禁用的DOM对象
$('input:disabled').css({
颜色:'红色'
});

有关详细信息:

使用另一个元素来显示而不是选择(禁用时隐藏选择)<代码>我需要代码不是问题,您需要提供更改选择的代码currently@charlietfl,看起来是个好建议?我试试看。编辑问题您想更改什么颜色?每一个选择都针对不同的事物。还有,你想让它在什么环境下工作?只是IE9+,还是更深入的支持?您可能会感兴趣。@只包含单词“this”的工程师链接是最糟糕的链接之一。最好的方法是给您的选择框一个id属性或类名,通过css像这样选择它。名称{…}因为使用属性进行选择是IE在早期版本中无法做到的事情。问题不在于css选择器。IE只是不能使用除灰色以外的任何颜色作为禁用的选择选项。这也是唯一对我有效的解决方案
<script type="text/javascript">
    jQuery(document).ready(function() {
        jQuery('[disabled="disabled"]').css({ 'color': '#993333', 'background-color': '#ffffcc' });
    });
</script>
select[disabled]::-ms-value {
    color: red;
}
# Select all disabled DOM objects
$(':disabled').css({
    color:'red'
});

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