帶選擇高度的IE7問題

height: 22px;

在所有瀏覽器中，除IE7外，文本均垂直對齊。帶選擇高度的IE7問題

我想這些CSS規則，但沒有運氣：

display: inline-block; 
vertical-align: middle; 
line-height: 12px; 
padding:0 0 3px 0;

在IE7

文字粘在底部。

enter image description here

我不會考慮的meta標籤的IE7標準設置。

有沒有解決這個問題？

2013-03-12 Nima

你需要預先設定輸入的字體規則和選擇元素MSIE瀏覽器...

input, select {font-family:'Times New Roman';font-size:100%; line-height:1.5em}

通常，這是在reset.css文件來完成。您可以通過在IE中使用View>Text Size菜單來測試此要求......如果沒有規則，則選擇和輸入元素中的文本不會更改大小...使用其匹配其他瀏覽器的規則...。

MSIE瀏覽器有一個設置「啓用網頁中按鈕和控件的可視樣式」，這會影響選擇和其他表單元素的呈現。

與我喜歡這種設計模式的控制，對齊標籤元素：

[label]Select:[select][option]this option[/option][/select][/label]

蘋果和移動式佈局

[label]Select:[br/][select][option]this option[/option][/select][/label]

再次

...您需要更改默認的樣式規則標籤元素使其與輸入和選擇元素保持一致。

label{font-size:100%; font-weight:bold}

2013-03-12 07:59:01

通過使用選擇元素的高度，任何字體設置都不會影響IE7垂直對齊高度。我已經嘗試過你的臺詞了。 – Nima 2013-03-12 08:09:25

問題也出現在IE8中。我嘗試使用IE8 & IE7（開發人員工具），並且它的行爲相同。看看這篇文章：

這其中還指出，有沒有可能，即使在IE居中選擇元素：

2013-03-12 08:38:46

-2

@Nima

您也可以這樣做行高到選擇在IE-Onl y樣式表。在我的一項任務中，我在IE中也遇到了同樣的問題。所以，我做了什麼，我做了一個IE瀏覽器只有樣式錶針對IE瀏覽器，並獲得所需的結果。如需製作IE-樣式表，可以參考this或this。

2013-04-06 10:15:14 V15HM4Y

行高不會實際影響IE7中的選擇。這就是問題所在。 – philw 2014-04-29 09:33:12

回答