Вертикальный центр текста при вводе текста в 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;}

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

Answer 2

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

Answer 3

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

Answer 4

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

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

Answer 5

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