Yo intento esto: http://jsfiddle.net/ilyaD/KGcC3/¿Es posible centrar texto en el cuadro de selección?
HTML:
<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>
CSS:
select { width: 400px; text-align:center; }
select .lt { text-align:center; }
Como se puede ver que no funciona. ¿Hay una forma de CSS para centrar el texto en el cuadro de selección?
En mi Firefox funciona correctamente :) –
No funciona en chrome. – Emmanuel
@Blazemonger Puedo imaginar muchas situaciones en las que tener un diseño que parezca simétrico es más importante que las opciones alineadas a la izquierda para facilitar el escaneo lexicográfico por humanos. P.ej. si quiero tener una opción de selección de género que llena la pantalla al 100% horizontalmente en un dispositivo móvil, parece muy extraño que los textos 'Hombre' y 'Mujer' se empujen completamente hacia la izquierda. –