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

select 文字右对齐

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

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