Следующий CSS работает в FF, но не в IE (не менее 8.0), как я могу убедиться, что текст выравнивается по центру для IE8.0? Спасибо!!!
select, option {
text-align: center;
}
Как убедиться, что выровняйте текст текста в центре в IE?
Ответ 1
К сожалению, вы не можете изменить выравнивание элементов SELECT в IE, хотя меня удивляет, что даже IE 8 сохраняет эту плохую привычку.
Ответ 2
Учитывая, что это невозможно в IE, я думаю, вам придётся прибегать к:
-
Реализация собственных виджетов SELECT. Есть много JS-библиотек, которые делают это, главным образом потому, что входы SELECT трудно стирать.
-
Вставьте соответствующие пробелы перед меньшими параметрами.
Изменить: похоже, что пробелы не работают, но пространство HTML делает:
<SELECT>
<OPTION> SMALL</OPTION>
<OPTION> LARGER</OPTION>
</SELECT>
Это довольно взломать...
Ответ 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>