Die folgende CSS funktioniert in FF, aber nicht in IE (mindestens 8.0), wie kann ich sicherstellen, dass der Text in der Mitte für IE8.0 ausgerichtet? Vielen Dank!!!Wie stelle ich sicher, dass der Optionstext im IE zentriert wird?
select, option {
text-align: center;
}
Leider können Sie nicht die Ausrichtung von SELECT Elemente in IE ändern, obwohl es mich überrascht, dass auch IE 8 diese schlechte Gewohnheit hält.
Da dies in IE nicht möglich ist, ich glaube, Sie greifen würde:
Implementierung Ihrer eigenen SELECT-Widgets. Es gibt viele JS-Bibliotheken, die dies tun, hauptsächlich weil SELECT-Eingaben schwer zu gestalten sind.
Fügen Sie vor den kleineren Optionen den entsprechenden Leerraum ein.
Edit: sieht aus wie Leerzeichen nicht funktioniert, aber HTML-Raum tut:
<SELECT>
<OPTION> SMALL</OPTION>
<OPTION> LARGER</OPTION>
</SELECT>
, die ganz ein Hack ist ...
Whitespace funktioniert nicht, IE hängt sie an der rechten Seite des Elements - aus welchen Gründen auch immer ... –
Sie können eine Klasse machen und nennen es die Verwendung von 'STYLE TAG' im Optionsfeld ::
Für zB: -.
<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>
Diese Lösung schlägt auf IE genau wie der Autor der Frage vor. Nicht einmal über die Tatsache, dass es nicht treu zu sein scheint, was sein Wunsch ist: zentriert nicht nur den Text in der Auswahl, sondern auch in den Optionen ... – Daniel
nicht herum ?! – WilliamLou