height: 22px;
在所有浏览器中,文本垂直居中对齐,IE7除外。
我尝试了这些CSS规则,但没有成功:
display: inline-block;
vertical-align: middle;
line-height: 12px;
padding:0 0 3px 0;
在IE7中,文本粘在底部。
我不会考虑为IE7标准设置元标记。
有办法解决这个问题吗?
最佳答案
对于MSIE浏览器,您需要预先设置输入的字体规则并选择元素。。。
input, select {font-family:'Times New Roman';font-size:100%; line-height:1.5em}
通常这是在
reset.css
文件中完成的。您可以使用IE中的View>Text Size
菜单来测试这个需求…没有规则,select和input元素中的文本不会改变大小。。。按照规则。。。与其他浏览器匹配。MSIE浏览器有一个设置“在网页中的按钮和控件上启用视觉样式”,该设置会影响select和其他表单元素的呈现。
要将label元素与我喜欢的此设计模式的控件对齐,请执行以下操作:
[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}
关于jquery - 选择高度的IE7问题,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/15355731/