CSS在IE7中不工作，工作在其他瀏覽器

<html> 
<head> 
<style> 
#content input[type=text] 
{ 
    color: green; 
} 
</style> 
</head> 
<body> 
<div id="content"> 
<input type="text" value="Some Text" /> 
</div> 
</body> 
</html>

下面是它是如何呈現在Firefox（字體爲綠色）：CSS在IE7中不工作，工作在其他瀏覽器

enter image description here

下面是它是如何呈現在Internet Explorer 7（字體爲不是綠色）：

enter image description here

更新：添加DTD解決了問題，howeve當輸入設置爲disabled="disabled"時，IE7仍然不會顯示指定的顏色。

來源

2011-08-22 babonk

您需要爲IE7添加嚴格的文檔類型以支持具有值的屬性選擇器。

http://msdn.microsoft.com/nl-nl/library/aa770069

使用這樣的文檔類型，這大約是鬆散的，你可以不打破這個功能得到：如果你能

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" 
"http://www.w3.org/TR/html4/loose.dtd">

或者說使用較新的，更嚴格的一個，。

來源

2011-08-22 21:20:13 GolezTrol

使用此dtd是否有缺點？ – babonk

不是。使用dtd會告訴瀏覽器如何解釋你的頁面。但爲了使其正常工作，您需要確保遵循該dtd的規則。你可以使用W3驗證器。 http://validator.w3.org/您的頁面應始終進行驗證，以最大限度地降低顯示錯誤的風險。雖然總是有例外，但IE7不支持其他許多功能。沒有DTD，你的頁面將顯示在*怪癖模式*中。閱讀一下，你永遠不會再忘記一個文檔類型。 :) – GolezTrol

好吧，所以我添加了DTD聲明並解決了問題..但是，IE7不會讓我設置顏色，當我設置禁用=「禁用」的輸入。 FireFox將..我如何解決這個問題？ – babonk

試試這對於初學者<style type="text/css">

來源

2011-08-22 21:13:34 tcnarss

具有顯示 – babonk

嘗試使用引號：

input[type="text"]

或者，使用一個類，並應用該類別所有的文本輸入。

來源

2011-08-22 21:14:16

報價沒有效果沒有影響。 – babonk

您正在Quirks模式下運行您的網站。使用下面的文檔類型或相似

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

來源

2011-08-22 21:23:54

你想也許不算什麼，但至少它的工作原理;）

<html> 
<head> 
<style type="text/css"> 
.green { 
    color: green; 
} 
</style> 
</head> 
    <body> 
     <div id="content"> 
      <input type="text" class="green" value="Some Text" /> 
     </div> 
    </body> 
</html>

來源

2011-08-22 21:24:33

CSS在IE7中不工作，工作在其他瀏覽器

回答

相關問題