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; } 

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

  • 在select菜单中select“不可选”
  • 通过PHP发送电子邮件中的HTML?
  • 如何结合:第一个孩子和:hover?
  • 为HTML表格行提供边框,<tr>
  • 将链接<a>围绕<div>
  • 使一块文本不破?
  • 浏览器后退button处理
  • React.js:设置innerHTML vs dangerouslySetInnerHTML
  • 如果多个不同的HTML元素是不同的元素,可以拥有相同的ID吗?
  • 在CSS中旋转地球仪
  • 我如何从一个网页导出表excel