Le CSS suivant fonctionne dans FF, mais pas dans IE (au moins 8.0), comment puis-je m'assurer que le texte s'aligne au centre pour IE8.0? Merci!!!comment s'assurer que sélectionner le texte d'option aligner au centre dans IE?
select, option {
text-align: center;
}
Malheureusement, vous ne pouvez pas modifier l'alignement des SELECT articles dans IE, mais il me surprend que même IE 8 maintient cette mauvaise habitude.
Étant donné que cela est impossible dans IE, je pense que vous auriez à recourir à:
La mise en œuvre de vos propres widgets SELECT. Il y a beaucoup de bibliothèques JS qui le font, principalement parce que les entrées SELECT sont difficiles à styler.
Insérez les espaces blancs appropriés devant les options les plus petites.
Edit: ressemble à des espaces ne fonctionne pas, mais l'espace HTML fait:
<SELECT>
<OPTION> SMALL</OPTION>
<OPTION> LARGER</OPTION>
</SELECT>
C'est tout à fait pirater ...
Whitespace ne fonctionne pas, IE les ajoute à droite de l'élément - pour une raison quelconque ... –
Vous pouvez faire une classe et d'appeler à l'aide du 'STYLE TAG' dans le champ d'option ::
Pour exemple: -.
<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>
Cette solution échoue sur IE, tout comme l'auteur de la question présentée. Sans même parler du fait qu'il n'est pas fidèle à ce qui semble être son désir: centrer non seulement le texte dans le select mais aussi dans les options ... – Daniel
pas moyen de contourner ?! – WilliamLou