选择高度的IE7问题

Question

height: 22px;

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

我尝试了这些CSS规则，但没有运气：

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

在IE7中，文字贴在了底部。

我不会考虑为IE7标准设置元标记。

有解决方法吗？

Answer 1

对于MSIE浏览器，您需要预先设置输入和选择元素的字体规则...

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

通常这是在reset.css文件中完成的。您可以使用IE中的View>Text Size菜单测试此要求...没有规则，select和input元素中的文本不会改变大小...使用规则...匹配其他浏览器。

MSIE浏览器具有“在网页中的按钮和控件上启用视觉样式”设置，这会影响选择和其他表单元素的呈现。

将标签元素与控件对齐我喜欢这种设计模式：

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

适用于Apple和移动类型布局

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

再次......你需要更改标签元素的默认样式规则，使它们与输入和选择元素保持一致。

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

Answer 2

IE8也存在问题。我尝试使用IE8＆amp; 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 样式表中将行高添加到选择。在我的一项任务中，我在IE中也遇到了同样的问题。所以，我做的是，我制作了一个 IE only 样式表，用于定位IE并获得所需的结果。要制作仅限IE浏览器样式表，您可以参考this或this。