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

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

我已经尝试了两个:

select { text-align: right }option { text-align: right } ,但在WebKit(Chrome,Safari或Mobile Safari)中似乎都没有工作。

任何帮助感激地收到!

4 Solutions collect form web for “text-align:在<select>或<option>上”

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

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

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

我想你想要的是:

 select { direction: rtl; } 

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

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

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

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

 select { direction: rtl; } 

接着

 option { direction: ltr; } 

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

  • 如何检查表单元素是否为空?
  • href =“tel:”和手机号码
  • 为什么人们缩小资产而不是HTML?
  • 多个表单或多个页面提交?
  • 无声打印embedded的PDF
  • 如何使用javascript将新的<li>添加到<ul> onclick
  • Twitter引导3两列全高
  • jquery从特定的表单中获取所有input
  • 缩放到适合的视口元属性有什么作用?
  • 我们可以在浏览器会话中跨网页引用JavaScriptvariables吗?
  • 如何隐藏元素而不让页面占用空间?