在显示CSS样式表中IE8问题

我有以下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问题，但更多的是跨浏览器问题。专家能给我一些关于在哪里调试的提示吗？谢谢！

来源

2013-11-01 Kevin

我看到输入还包含一个类“.noBdr”。该类是否位于“.settings_content输入”上方或下方的css中？ –

@PazcaldeJonge，是的，在css中有一个“.noBrd”的类，它们实际上是在两个不同的CSS中，“.noBrd”css是一个重载的css，它应该覆盖base.css，其中“ .settings_content输入“在 – Kevin

不幸的是，你不能改变一个残疾人输入的颜色在Internet Explorer 7，8或9。如果它是一个常规输入，即使没有前面的答案中建议的!important部分，也会应用您的样式。有关该主题的更多信息，请阅读another thread。

编辑： 它虽然工作在IE10。您可以在IE中打开this fiddle进行检查。

来源

2013-11-01 07:10:48 skip405

，但它在IE9和IE10中工作？ – Kevin

@Kevin，在我的小提琴中它只能在ie10 – skip405

下工作！重要的方法在IE8中不起作用。您有任何建议吗？还是必须将其作为常规输入？ – Kevin

尝试使用!important

像这样：

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

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

使用内联CSS，如： -

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

使用一些Browser Hacks这个...

来源

2013-11-01 06:59:48 SaurabhLP

在显示CSS样式表中IE8问题

回答

相关问题