在Internet Explorer中输入文本的垂直居中文本

Question

我无法在Internet Explorer的输入字段中垂直对齐文本。

我有：

input#search {
    float:left;
    font-size:11px;
    height:20px;
    margin:0;
    padding-left:4px;
    width:100px;
}

在Firefox和Chrome中，它似乎是自动垂直对齐的，但在Internet Explorer中却不是。

Answer 1

只需设置输入对象的高度和行高，它就可以正常工作（即7 +）。

input { border: 0; font-size: 0.8em; height: 32px; line-height: 32px;}

GL Paulo Bueno

Answer 2

只需为具有相同值的文本框定义line-height和height即可。它会得到照顾

Answer 3

你可以像这样使用IE条件评论：

<!--[if IE]>
input#search{
  padding-top:3px;    /* adjust value */
}
<![endif]-->

Answer 4

设置line-height:1可能会减少垂直对齐，padding:.15em也应该为字段添加一些喘息空间。

Answer 5

检查父div。如果它是空的，则需要添加内容（＆amp; nbps;），以便资源管理器正确计算高度。