你如何在IE8中设置残疾文本区?

时间:2011-03-30 11:25:32

标签: css internet-explorer-8

在IE8中启用禁用元素的样式需要什么规则?我现在有下面的代码。它在IE7下运行正常,但在IE8上运行不正常。 IE8只是给我一个白色背景。为什么呢?

input[disabled], input:disabled, textarea[disabled], textarea[disabled="disabled"], textarea:disabled {
    background:#EBEBE4;
}

2 个答案:

答案 0 :(得分:32)

:选择器中的伪类正在绊倒IE8!

如果你必须使用那些CSS3 pseudo classes ,你必须取消组合这些选择器;

如果规则集中有一个选择器IE8不理解它忽略了整个事情 - 这在IE8中常见于CSS3伪类

e.g。如果你将它们分开并完全删除选择器的伪:disabled部分 - 你会看到下面的第一个例子适用于所有人,而第二个例子仍然有效,除了IE7

input[disabled], select[disabled], textarea[disabled] {background-color: #0f0;} /* lime green - works in IE7+ and modern browsers */

input[disabled="disabled"], select[disabled="disabled"], textarea[disabled="disabled"] {background-color:#ff0;} /* yellow -  IE8+ and modern browsers */

在另一个答案中指出的颜色(与背景颜色相对)问题不是您的问题的原因,但如果您还尝试更改颜色则无济于事;)

答案 1 :(得分:6)

另一种选择是添加disabled类并设置样式:

input.disabled, textarea.disabled{ 
    background:#EBEBE4; 
}