Вертикальное выравнивание по центру выпадающего списка

Question

Я оформляю элемент asp: DropDownList с помощью пользовательского CSS. Я установил высоту и пытаюсь заставить текст появляться в середине элемента, а не внизу. Выравнивание по вертикали: середина, кажется, не работает, и если я добавлю padding-bottom, чтобы вытолкнуть его снизу вверх, в IE будет ужасный разрыв между стрелкой справа от выпадающего меню и границей. Это мой CSS в настоящее время:

.dropdowndiv
{
    font-size:10pt;
    margin-bottom:2px;
    height:26px;
    width:220px;
    border:1px solid #d5d5d5;
    text-transform:uppercase;
    vertical-align:middle;
}

Answer 1

Попробуйте это:

.dropdowndiv
{
    font-size:10pt;
    padding-bottom:4px;
    height:26px;
    width:220px;
    border:1px solid #d5d5d5;
    text-transform:uppercase;
    vertical-align:middle;
}

Я изменил настройку поля на полях 2 пикселя на отступ на 4 пикселя.

UPDATE:

Выглядел хорошо на моем, но вы можете добавить отступы к любой стороне, чтобы получить так, как вы хотите.

Если вы не захотите взглянуть на отображение тегов - Ли Дюмонд предложил это в своем блоге в ответ на похожую проблему, с которой я столкнулся в то время:

http://leedumond.com/blog/fixing-asp-net-server-control-rendering-issues-with-tag-mapping/

Answer 2

Добавление высоты строки в 26 пикселей должно выровнять текст по центру.