在IE8中启用禁用元素的样式需要什么规则?我现在有下面的代码。它在IE7下运行正常,但在IE8上运行不正常。 IE8只是给我一个白色背景。为什么呢?
input[disabled], input:disabled, textarea[disabled], textarea[disabled="disabled"], textarea:disabled {
background:#EBEBE4;
}
答案 0 :(得分:32)
如果规则集中有一个选择器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;
}