Question

H，我是浏览器兼容性问题调试的新手。

我有以下html片段：

<div class="settings_content">
 ...
 ...

 <div class="field">
    <input name="name" maxlength="256" type="text" size="32" value="" class="noBdr" disabled="">
 </div>

我输入字段有一个相应的CSS：

 .settings_content input
 {
    color: #505050;
 }

在浏览器Chrome，IE10，IE9中，“输入”标签指示的文字都将正确呈现为黑色。但是，如果我在IE8中测试它，文本仍将显示，但颜色将变为灰色。

我不认为这是一个CSS问题，而是更多的跨浏览器问题。专家可以给我一些关于调试位置的提示吗？谢谢！

Answer 1

不幸的是，您无法在Internet Explorer 7,8或9中更改已禁用输入的颜色。如果是常规输入，即使没有前面建议的!important部分，您的样式也会应用回答。有关该主题的更多信息，请考虑阅读another thread。

修改它适用于IE10。您可以在IE中打开this fiddle进行检查。

Answer 2

尝试使用!important

像这样：

.settings_content input
 {
    color: #505050 !important;
 }

这可能会解决您的问题...

或

使用内联css，如： -

<input /**********/ style="color: #505050 !important;" />

或

为此使用一些Browser Hacks ...

IE8在显示CSS样式表时出现问题

2 个答案: