Как убедиться, что выбрать вариант выравнивания текста по центру в IE?

Question

Следующий CSS работает в FF, но не в IE (как минимум 8.0), как я могу убедиться, что текст выравнивается по центру для IE8.0? Спасибо !!!

select, option {
    text-align: center;
}

Answer 1

К сожалению, вы не можете изменить выравнивание SELECT элементов в IE, хотя меня удивляет, что даже IE 8 сохраняет эту вредную привычку.

Answer 2

Учитывая, что это невозможно в IE, я думаю, вам придется прибегнуть к:

1. Реализация собственных виджетов SELECT. Есть много библиотек JS, которые делают это, в основном из-за того, что входные данные SELECT трудно стилизовать.

2. Вставьте соответствующий пробел перед меньшими параметрами.

Редактировать: похоже, что пробел не работает, а пробел HTML:

<SELECT>
   <OPTION>&nbsp;&nbsp;&nbsp;SMALL</OPTION>
   <OPTION>&nbsp;&nbsp;LARGER</OPTION>
</SELECT>

Это довольно взломать ...

Answer 3

Вы можете создать класс и вызвать его, используя 'STYLE TAG' в поле параметров .::

Например: -

<style type="text/css">
select { width: 400px; text-align:center; }
select .lt { text-align:left; }
</style>




<select name="state" class="ddList">
<option value="">(please select a state)</option>
<option class="lt" value="--">none</option>
<option class="lt" value="AL">Alabama</option>
<option class="lt" value="AK">Alaska</option>
<option class="lt" value="AZ">Arizona</option>
<option class="lt" value="AR">Arkansas</option>
<option class="lt" value="CA">California</option>
<option class="lt" value="CO">Colorado</option>
</select>