Javascript 我可以更改IE中禁用的HTML Select元素的颜色吗?
我需要更改html选择的颜色。我搜索了很多,但没有找到一个在IE中工作的示例。那么,我可以更改IE中禁用的HTML选择元素的颜色吗?我需要一个样本,在css或javascript或jquery。 这是我试过的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
<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'
});