text-align: a la derecha en o

Alguien sabe si es posible alinear el texto a la derecha de un elemento o más específicamente en WebKit . Esto no necesita ser una solución de navegador cruzado que incluya IE, pero debe ser CSS puro si es posible.

He intentado ambos:

select { text-align: right } y la option { text-align: right } , pero ninguno parece haber funcionado en WebKit (ya sea Chrome, Safari o Mobile Safari).

Cualquier ayuda recibida con gratitud!

Puedes intentar usar el atributo “dir”, ¿pero no estoy seguro de que eso produzca el efecto deseado?

  

Demostración aquí: http://jsfiddle.net/fparent/YSJU7/

El siguiente CSS alineará a la derecha la flecha y las opciones:

 select { text-align-last: right; } option { direction: rtl; } 
  Choose one:  

La mejor solución para mi fue hacer

 select { direction: rtl; } 

y entonces

 option { direction: ltr; } 

otra vez. Por lo tanto, no hay cambios en la forma en que se lee el texto en un lector de pantalla o no hay problemas de formato.

Creo que lo que quieres es:

 select { direction: rtl; } 

jugueteado aquí: http://jsfiddle.net/neilheinrich/XS3yQ/