首页 > 建站教程 > Div+Css >  select 文字右对齐正文

select 文字右对齐

今天我爱模板网遇到这个问题了,select文字居右,我尝试了下面的代码:
select,option{
    text-align:right;
}
然而,并没有什么卵用。后来在:http://stackoverflow.com/questions/7920677/text-align-right-on-select-or-option 找到了解决办法。总结如下:

1、添加 dir 属性,适合中文,但是会导致英文单词或者有空格的地方文字变成从右到左。
<select dir="rtl">
    <option>Foo</option>    
    <option>bar</option>
    <option>to the right</option>
</select>
2、使用 css ,这个方法是比较靠谱的,建议使用
select {
    direction: rtl;
}
select option {
    direction: ltr;
}
亲测,可用!