Вертикальный текст центра в текстовом вводе в Internet Explorer

У меня возникают проблемы с вертикальным выравниванием текста в поле ввода в Internet Explorer.

У меня есть:

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

В Firefox и Chrome он, кажется, автоматически выравнивается по вертикали, однако в Internet Explorer это не так.

Ответы

Ответ 1

Просто установите высоту и высоту строки для входного объекта, и она отлично работает (т.е. 7 +).

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

Г.Л. Пауло Буэно

Ответ 2

Просто определите line-height и height для текстового поля с одинаковым значением. Он будет заботиться

Ответ 3

Вы можете использовать условный комментарий IE следующим образом:

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

Ответ 4

Настройка line-height:1 может уменьшить вертикальное выравнивание, а бит padding:.15em должен добавить некоторое количество передышки в поля.

Ответ 5

Проверьте родительский div. Если он пуст, вам нужно добавить контент (& nbps;), чтобы проводник правильно подсчитал высоту.