在顯示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問題

回答

相關問題