text-align：在<select>或<option>上

有谁知道是否可以将文本alignment到WebKit中的<select>或更具体的<option>元素的右侧。 这不需要是包含IE的跨浏览器解决scheme，但是如果可能的话，应该是纯粹的CSS。

我已经尝试了两个：

select { text-align: right }和option { text-align: right } ，但在WebKit（Chrome，Safari或Mobile Safari）中似乎都没有工作。

任何帮助感激地收到！

Answer 1

你可以尝试使用“目录”属性，但我不知道这会产生预期的效果？

 <select dir="rtl"> <option>Foo</option> <option>bar</option> <option>to the right</option> </select> 

在这里演示： http : //jsfiddle.net/fparent/YSJU7/

Answer 2

我想你想要的是：

 select { direction: rtl; } 

在这里摆弄： http : //jsfiddle.net/neilheinrich/XS3yQ/

Answer 3

要将箭头和选项alignment到右侧：

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

Answer 4

对我来说最好的解决办法就是制作

 select { direction: rtl; } 

接着

 option { direction: ltr; } 

再次。 所以在屏幕阅读器中阅读文本的方式没有改变，也没有格式问题。