2011-04-22 70 views
4

我已經從怪癖模式切換到標準模式(HTML 4.01 Transitional),並且已經注意到在IE7和IE8中,所有表單元素的樣式現在都不同於他們在Quirks中的樣式模式。怪異模式下的Internet Explorer表單樣式問題與標準模式

在怪癖模式中,選擇下拉框沒有圍繞元素的邊框,看起來很圓滑,而在添加DOCTYPE聲明後,select在輸入矩形周圍和圍繞小黑色三角形的正方形顯示它看起來非常像Windows 95.

我在啓用透明度的默認標準外觀的Windows 7系統上看到了此樣式行爲的更改。

顯然在怪癖模式中,花哨的Windows系統皮膚應用於表單元素的樣式,而切換到HTML 4.01的過渡切換到經典的舊式Windows-95外觀。通過在Internet Explorer中以怪癖模式(即無文檔類型)打開表單,然後通過「開發人員工具」窗口(F12)將文檔模式切換到IE8標準,可以輕鬆看出差異。

我沒有爲表單元素定義任何CSS規則,例如input,select等等,即這會影響表單元素的無格式顯示。

我的問題是:如何獲取IE8顯示與「花哨」系統外觀與一個DOCTYPE頁形式?

我意識到我可以使用CSS自定義窗體樣式,但有沒有一種方法可以強制系統裝飾應用於標準模式中的默認窗體元素?或者我錯過了什麼?

我使用的DOCTYPE是<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

回答

1

看起來像下拉按鈕的外觀不能被修改某些事情 - 這些是瀏覽器/ OS特定的。

爲什麼IE瀏覽器對於使用DOCTYPE的頁面使用通用的Window Classic風格,而怪癖模式中的花哨的OS定義的裝飾仍然是一種m m。

2

有辦法迫使IE使用特定的渲染引擎,與X-UA Compatible meta tag。它看起來像你的頁面將在怪癖模式呈現,如果你使用類似以下內容:

<meta http-equiv="X-UA-Compatible" content="IE=5" > 

不過,我有這個沒有經驗,所以它可能無法在所有工作。 :d

+0

此外,即使這確實觸發怪癖模式,我嚴重懷疑它是否會使這些輸入你想要的方式。 **編輯**:實際上,在IE9中快速嘗試之後,這可能對您有用。沒有其他瀏覽器的幫助,當然... – sdleihssirhc 2011-04-22 16:00:53

+0

嗯,事情是我不想回到怪癖模式與其替代CSS框模型和特質。實際上,這是切換到標準模式的原因。這只是我想從怪癖模式「遷移」的選擇元素的樣式。不是說我個人關心它,但這是客戶的要求。 – ccpizza 2011-04-22 18:24:23

+0

@ccpizza Yikes。我的回答並沒有太大的幫助,然後... [這是另一個問題](http://stackoverflow.com/questions/380037/ie6-ie7-css-border-on-select-element)那種的交易,並鏈接到[本頁](http://v2.easy-designs.net/articles/replaceSelect/),實際上說,「保持基本'