El siguiente CSS funciona en FF, pero no en IE (al menos 8.0), ¿cómo puedo asegurarme de que el texto se alinee en el centro para IE8.0? ¡¡¡Gracias!!!cómo asegurarse de seleccionar texto de opción para alinear en el centro en IE?
select, option {
text-align: center;
}
Por desgracia, no se puede cambiar la alineación de SELECT artículos en IE, aunque me sorprende que incluso IE 8 mantiene este mal hábito.
Teniendo en cuenta que esto no es posible en el IE, yo creo que habría que recurrir a:
La implementación de sus propios widgets SELECT. Hay muchas bibliotecas JS que hacen esto, principalmente porque las entradas SELECT son difíciles de diseñar.
Inserte el espacio en blanco adecuado delante de las opciones más pequeñas.
Editar: se parece a un espacio en blanco no funciona, pero el espacio HTML hace:
<SELECT>
<OPTION> SMALL</OPTION>
<OPTION> LARGER</OPTION>
</SELECT>
eso es un truco ...
El espacio en blanco no funciona, IE los agrega al lado derecho del elemento, por cualquier razón ... –
Se puede hacer una clase y llamar usando el 'etiqueta Estilo' en el campo de opción ::
Por ejemplo: -.
<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>
Esta solución falla en IE al igual que el autor de la pregunta presentada. Ni siquiera habla de que no es fiel a lo que parece ser su deseo: centrar no solo el texto en el seleccionado sino también en las opciones ... – Daniel
de ninguna manera ?! – WilliamLou