Выровнять текст по вертикали внутри элемента select для IE8 - PullRequest
Новая
       10

Выровнять текст по вертикали внутри элемента select для IE8

4 голосов
/ 25 июля 2011

У меня есть элемент ввода HTML типа select.Высота элемента составляет 28 пикселей.Без изменения элемента с помощью CSS текст внутри автоматически выравнивается по вертикали во всех браузерах, кроме IE8.В IE8 текст выбора находится в нижнем левом углу элемента.

Кто-нибудь знает, как выровнять текст по вертикали внутри элемента выбора HTML?

1 Ответ

3 голосов
/ 03 августа 2011

Без вашего html трудно точно знать, что вы стилизуете.Звучит так, как будто вы используете что-то вроде <input type="select" />, но на самом деле это недопустимый html.

Однако, чтобы выровнять текст по центру по вертикали, вам нужно установить значение line-height равное значениюваш height.

Так что в этом случае вам нужно установить line-height: 28px; для соответствия height: 28px;.

Для вашего html я бы порекомендовал либоиспользуя:

  • <input type="text" />, если вы ищете стандартный ввод текста

    или

  • Если вы ищетевыпадающий список: 

    <select>
    <option value="Test1">Test 1</option>
    <option value="Test2">Test 2</option>
</select>
...