带选择高度的IE7问题

Question

height: 22px; 

在所有浏览器中，除IE7外，文本均垂直对齐。

我想这些CSS规则，但没有运气：

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

在IE7

文字粘在底部。

我不会考虑的meta标签的IE7标准设置。

有没有解决这个问题？

Answer 1

你需要预先设定输入的字体规则和选择元素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} 

Answer 2

问题也出现在IE8中。我尝试使用IE8 & IE7（开发人员工具），并且它的行为相同。看看这篇文章：

IE8 - Vertical alignment of a <select> element with a custom height

这其中还指出，有没有可能，即使在IE居中选择元素：

how to make sure select option text align in the center in IE?

Answer 3

@Nima

您也可以这样做行高到选择在IE-Onl y样式表。在我的一项任务中，我在IE中也遇到了同样的问题。所以，我做了什么，我做了一个IE浏览器只有样式表针对IE浏览器，并获得所需的结果。如需制作IE-样式表，可以参考this或this。