text-align: à droite sur <select> ou <option></select>

Question

Quelqu’un sait-il s’il est possible d’aligner du texte à droite d’un élément ou plus spécifiquement dans WebKit. Cela n’a pas besoin d’être une solution inter-navigateurs, y compris IE, mais devrait être purement CSS si c’est possible.

J’ai essayé les deux:

et , mais ni l’un ni l’autre ne semble avoir fonctionné dans WebKit (Chrome, Safari ou Mobile Safari.

Toute aide reçue avec gratitude!

Answer 1

Vous pouvez essayer d’utiliser l’attribut « dir », mais je ne suis pas sûr que cela produirait l’effet souhaité?

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

Answer 2

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

<div class="snippet" data-babel="false" data-console="true" data-hide="false" data-lang="js"> <div class="snippet-code">

</div></div>

Answer 3

La meilleure solution pour moi était de faire

Et puis

encore. Il n’y a donc aucun changement dans la façon dont le texte est lu dans un lecteur d’écran ou aucun problème de formatage.

Answer 4

Je pense que ce que vous voulez, c’est:

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