IE8 - вертикальное выравнивание элемента <select>с пользовательской высотой

Question

При применении пользовательской высоты к элементу select текст в IE8 выравнивается по вертикали снизу: http://jsfiddle.net/4DYPf/8/

<select>
    <option value="1">123</option>
    <option value="1">456</option>
</select>

select
{
   border: 2px solid #CDCDCD;
   height: 50px;   
}

Есть ли способ выравнивания по середине?

Answer 1

Если вы добавите padding:1em 0px; к вашему стилю select, он вертикально выровняет ваш текст по центру, но также сожмет стрелку раскрывающегося списка.

См. Пример: http://jsfiddle.net/TfwsE/1/

Answer 2

Это не ответ css, но если вам действительно нужно центрировать текст и вы используете jQuery, это способ подделать это выравнивание:
http://jsfiddle.net/cadence96/7MZHv/1/
Он состоит из размещения абсолютного интервала над пробелом тега выбора, после чего текущий текст выбранного параметра будет вставлен в этот интервал. Таким образом, вы можете оформить текст так, как вы хотите.