1. 首頁
  2. 問答
  3. 爲什麼HTML選擇在基於doctype的IE中看起來不同？

爲什麼HTML選擇在基於doctype的IE中看起來不同？

2012-01-05 32 views
0

直到最近，我們的應用程序沒有指定文檔類型。然後，爲了使應用程序更適合跨瀏覽器，我們添加了嚴格的文檔類型。這使得不同瀏覽器中的所有內容都表現得更加類似。但是，在IE9中，我們注意到這改變了選擇元素的外觀。爲了確保這是唯一的事情的時候，我有由HTML頁面如下：爲什麼HTML選擇在基於doctype的IE中看起來不同？

<html> 
<select> 
    <option>Testing</option> 
</select> 
</html>

這個HTML呈現這樣在IE9：

no doc type

然後，我只加DOCTYPE如下：

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

然後HTML呈現這樣的：

with doc type

有一些細微的差異，但突出給我的最大的是下拉箭頭所在的部分。一個有白色背景，另一個是灰色的。是否有某種CSS標準改變了選擇的樣式？我們想保留它的顯示方式，但我不確定這是否可行。

我試着在FireFox中做同樣的測試，並且沒有doctype和嚴格的文檔類型顯示，並帶有向下箭頭的白色背景。 Chrome的相同測試都採用灰色背景進行測試。

有什麼辦法可以控制這個嗎？任何有關這方面的信息將不勝感激。謝謝。

來源

2012-01-05 testing123

回答

0

一個DOCTYPE的缺乏讓您進入quirks mode，你從來沒有想要的。爲了進入標準模式，所有現代網頁都需要使用文檔類型。在怪癖模式下，沒有遵循正確的盒子模型，特別是IE瀏覽器，並且可能會出現各種奇怪的事情。這就是爲什麼doctype始終是每個網頁上首要的東西。一旦設定好，你永遠不會改變它。

來源

2012-01-05 22:00:12 Rob

相關問題

 相關問題