您如何在 IE8 中设置禁用文本区域的样式？答案

【问题标题】：How do you style disabled textarea in IE8?您如何在 IE8 中设置禁用文本区域的样式？
【发布时间】：2011-07-26 00:46:22
【问题描述】：

在 IE8 中启用禁用元素的样式需要什么规则？我现在有下面的代码。它在 IE7 下可以正常工作，但在 IE8 上不行。 IE8 只是让我感叹背景。为什么？

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

【问题讨论】：

你知道为什么 bluefoot 的回答被否决了吗？我也在想同样的事情。
他当然知道。他是反对者。一些解释会很好。

标签： css internet-explorer-8

【解决方案1】：

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

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

【讨论】：

这个答案真的被低估了。它也非常适用于类似的问题，例如，如果您希望成对的元素同时显示悬停样式，而其中只有一个有鼠标悬停。

【解决方案2】：

选择器中的 :pseudo 类导致 IE8 出错！

如果您绝对必须使用这些 CSS3，则必须取消组合这些选择器 pseudo classes;

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

例如如果您将它们分开并完全删除选择器的伪 :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 */

另一个答案中指出的颜色（与背景颜色相反）问题不是您的问题的原因，但如果您也尝试更改颜色，这将无济于事；）

【讨论】：