Następujące CSS działa w FF, ale nie w IE (co najmniej 8.0), w jaki sposób mogę się upewnić, że tekst wyrówna się w centrum dla IE8.0? Dzięki!!!Jak upewnić się, że zaznaczony tekst opcji wyrównuje się w środku w IE?
select, option {
text-align: center;
}
Niestety, nie można zmienić wyrównanie SELECT elementów w IE, chociaż dziwi mnie, że nawet IE 8 utrzymuje ten zły nawyk.
Biorąc pod uwagę, że nie jest to możliwe w IE, myślę, że trzeba uciekać się do:
Realizacja własnych SELECT widgety. Istnieje wiele bibliotek JS, które to robią, głównie dlatego, że wejścia SELECT są trudne do zaprojektowania.
Wstaw odpowiednie spacje przed mniejszymi opcjami.
Edycja: wygląda spacje nie działa, ale przestrzeń HTML robi:
<SELECT>
<OPTION> SMALL</OPTION>
<OPTION> LARGER</OPTION>
</SELECT>
To dość hack ...
Whitespace nie działa, IE dołącza je do prawej strony elementu - z jakiegokolwiek powodu ... –
Można zrobić klasę i wywołać ją przy użyciu 'TAG STYLE' w polu opcji ::
EG: -.
<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>
To rozwiązanie nie powiedzie się w IE, tak jak ten autor pytania. Nie mówiąc nawet o tym, że nie jest wierny temu, co wydaje się być jego pragnieniem: skupia nie tylko tekst w selekcji, ale także w opcjach ... – Daniel
nie ma mowy !? – WilliamLou