IE8 中的垂直对齐不正确答案

【问题标题】：Incorrect vertical alignment in IE8IE8 中的垂直对齐不正确
【发布时间】：2010-10-08 18:24:44
【问题描述】：

我的搜索框中的默认文本在 Chrome、FF 和 Safari 中看起来很好（垂直对齐：中间）。

但是，默认文本在 IE 8 中会上升到搜索框的顶部。

IE 有解决方法吗？感谢您的帮助。

HTML：

<input type="text" class="text" value="Search" title="Search" />

CSS：

.text {
    height: 47px;
    font-size: 18px;
    margin: 0; 
    padding: 0 5px 0 45px;
}

【问题讨论】：

【解决方案1】：

您是否尝试过设置行高以匹配文本框的高度？文本应该自动出现在行的中间

【讨论】：

你是国王！我在这个问题上浪费了大约 5 个小时。谢谢
优秀的跨浏览器友好解决方案。我真的不想找到另一个padding-top 解决方案。 +1
在 Chrome/Safari 中（至少在 Mac 上）设置 line-height 类似 50px 意味着你有一个 50px 高的闪烁光标，看起来有点奇怪。跨度>
嗨，“a”标签里面怎么样？它在“a”标签内不起作用
@Dhanil 它仍然应该在 <a/> 标记中工作，尽管我通常不会在锚点中输入。我建议你提出一个新问题并包含你的标记，因为这个答案现在已经超过 5 年了。

【解决方案2】：

指定行高会导致光标在 Chrome 中变得非常高，我建议在 IE8 中使用从顶部/底部相等的填充来垂直对齐文本，它可以在 Chrome/FF/IE8 中使用

【讨论】：