如何更改禁用的SELECT元素的字体颜色? (适用于Firefox但不适用于IE)

时间:2010-06-25 10:00:34

标签: css internet-explorer disabled-control

如何在IE中更改已禁用的SELECT元素的字体颜色?无论我尝试什么,它都会保持灰色。我能够将背景从灰色更改为白色,但禁用SELECT内的文本保持不变。对于Firefox来说,完美的效果对IE中的字体颜色没有影响(在本例中为IE8)。您可以在此处查看两种浏览器的最新情况:

http://www.flickr.com/photos/64416865@N00/4732813702/

我使用jQuery来禁用select元素:

$(selectObject).attr('disabled', 'disabled');

这是我用于禁用的CSS类选择:

select[disabled] {
    color: black;
    background-color: white;
    border-style: solid;
}

我觉得很奇怪,我可以轻松更改禁用选择的默认背景颜色,但不能更改默认字体颜色。关于这个的任何提示或想法? (或者在IE中使用CSS完全不可能?)

3 个答案:

答案 0 :(得分:3)

在当前的IE中可能无法做到。即将到来的浏览器可能会支持:禁用伪类(请参阅http://www.w3.org/Style/CSS/Test/CSS3/Selectors/current/html/full/flat/css3-modsel-24.html

答案 1 :(得分:2)

编辑:您必须为大多数浏览器提供支持,并且只有50%的浏览器支持这种类型的伪类,所以,如果我是你,我会这样做:

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

希望它有效;)

答案 2 :(得分:-1)

适用:

    background-image: url('');

到你的CSS,它应该工作。