text-align: à droite sur ou

Est-ce que quelqu’un sait s’il est possible d’aligner le texte à droite d’un élément ou plus précisément dans WebKit . Cela n’a pas besoin d’être une solution multi-navigateurs, y compris IE, mais devrait être pure CSS si c’est possible.

J’ai essayé les deux:

select { text-align: right } et option { text-align: right } , mais aucun ne semble avoir fonctionné dans WebKit (Chrome, Safari ou Mobile Safari).

Toute aide reçue avec reconnaissance!

Vous pouvez essayer d’utiliser l’atsortingbut “dir”, mais je ne suis pas sûr que cela produise l’effet souhaité?

  

Démo ici: http://jsfiddle.net/fparent/YSJU7/

Le CSS suivant alignera à droite la flèche et les options:

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

Je pense que ce que tu veux c’est:

 select { direction: rtl; } 

sortingpoté ici: http://jsfiddle.net/neilheinrich/XS3yQ/

La meilleure solution pour moi était de faire

 select { direction: rtl; } 

et alors

 option { direction: ltr; } 

encore. Il n’y a donc aucun changement dans la lecture du texte dans un lecteur d’écran et / ou aucun problème de formatage.