爲什麼輸入[類型=文本]是不是在IE

<style type="text/css"> 
input[type=text]{ 
width:300px; 
} 
</style>

上面的代碼在Chrome和Firefox。爲什麼不在IE中？我在Reporting.aspx文件末尾的Reporting Services中使用此代碼。

2010-09-07 Piotr Ptak

它工作正常在IE8，假設頁面加載在IE7或IE8標準模式（不怪癖）

編輯

你說你正在使用IE8。在這種情況下，使用開發人員工具（F12），找到您的文本框，並檢查正在應用的樣式。

編輯2

不知道報告你正在使用的服務的版本。剛剛進入2000實例，報表管理器正在提供以怪癖模式呈現的頁面，所以如果有的話，運氣好的話可以讓樣式工作起來。

編輯3

您可以通過在ASPX頁面內添加meta tag的頭部，迫使IE瀏覽器IE8的方式來呈現。例如。：

<head> 
<meta http-equiv="X-UA-Compatible" content="IE=100" > 
<!-- Rest of <head> -->

2010-09-07 06:38:01

我在2005年的實例中使用Reporting Services – 2010-09-07 06:53:06

@niao - 開發人員工具會告訴你IE如何渲染您嘗試創建樣式的頁面。按F12，並在菜單欄中顯示瀏覽器模式和文檔模式。我沒有2005年的實例可玩，但我敢打賭它也會以怪癖模式渲染。 – 2010-09-07 06:56:38

是的，你說得對。它以怪癖模式呈現。我可以改變它以某種方式呈現正確的（在IE7或IE8標準模式？） – 2010-09-07 06:59:46

哪個版本的IE？

IE6及更低版本不支持屬性選擇器。

只需使用一個類，保持簡單：

input.text 
{ 
    width:300px; 
} 

<input type="text" class="text" />

2010-09-07 06:34:25 RPM1984

有關詳細信息，請參閱http://caniuse.com/。 – 2010-09-07 06:36:11

@nikc - 很好找，不知道那個網站！ – RPM1984 2010-09-07 06:36:56

好吧，它是IE8，正如我寫的，也許是因爲我使用此代碼來定製報告服務中的文本框？ – 2010-09-07 06:37:11

仔細檢查您沒有「輸入」和「[」之間的空間。 This burned me lately。在FF/Chrome中工作，但不是IE。

2010-09-07 06:36:45 Damo

不，它們之間沒有空間 – 2010-09-07 06:56:56

使用IE7-JS腳本。（它最初創建是爲了向IE6添加IE7的一些功能，因此得名。）

它可以將此功能添加到IE6和IE7。（請注意，IE9.js是最新的，它也是IE解釋CSS的fixes a bunch of other things。）

2010-09-21 10:52:55 Venemo

回答