为 Internet Explorer 中的禁用文本框着色
无法更改 Internet Explorer (IE) 6 和 7 中禁用文本框的颜色可能是由于与在 Firefox 中使用简单的类轻松做到这一点相比,这是一个令人沮丧的限制。
IE 中的 CSS 限制
这个问题的根源在于 IE 解释的方式CSS 规则应用于禁用的表单字段。与 Firefox 和基于 WebKit 的浏览器(无论其上下文如何,都会优先考虑 CSS 规则)不同,IE 严重依赖操作系统的默认小部件集来呈现表单元素。
“只读”替代方案
此限制的解决方案是在文本框上使用“readonly”属性而不是“disabled”。通过这样做,控件不会呈现为操作系统级别的禁用小部件,从而使您可以更灵活地使用 CSS 对其进行样式设置。
要实现所需的效果,请创建一个 CSS 类(例如“disabled”)定义禁用文本框的样式,例如特定的背景颜色或字体颜色。然后,在 HTML 中,将此类应用于“只读”文本框以控制其外观:
<code class="html"><textarea readonly="readonly" class="disabled">Hello</textarea></code>
此解决方案允许您自定义 IE 中禁用文本框的外观以满足您的特定需求,确保一致性跨不同浏览器。
以上是如何更改 Internet Explorer 中禁用文本框的颜色?的详细内容。更多信息请关注PHP中文网其他相关文章!