将<select> <option>的文本对齐到右侧

时间:2015-05-01 10:32:22

标签: html css html5 forms css3

令人惊讶的是 &LT;选择&GT;    &LT;选项&gt;文字及LT; /选项&GT; &LT; /选择&GT; 选项 {     text-align:right; } 不起作用,我正在寻找解决方案来实现这一目标。我知道这是一个小问题,但我无法弄清楚它为什么不起作用

1 个答案:

答案 0 :(得分:2)

尝试使用direction属性并使用从右到左的方向,即rtl

<select dir="rtl">
    <option>Text</option>
</select>

Js Fiddle Demo

更新:如果您想将箭头图标保持在右侧并且选项要对齐right,那么您只需在option上设置属性,而不是select

option{
    direction:rtl;
}

Js Fiddle Demo 2