HTML选择右对齐＆gt;选项左对齐

Question

您好我需要将我的选择/下拉列表与HTML对齐。

结果需要右对齐（参见小提琴的第一个结果选择）。但是在选择过程中我宁愿​​让它保持对齐（参见第二次选择小提琴的下拉事件）。有办法做到这一点吗？对眼睛来说更容易：）

我试过这段代码，但它不起作用

select {
    direction: rtl;
}
select option {
    direction: ltr;
}

小提琴 - http://jsfiddle.net/ywv2c6mk/

结果 - http://i.imgur.com/40BiBfY.png（无需在右侧浮动选区）

Answer 1

我希望这会对你有所帮助

代码：

  .select{
    text-align:right;
}
.select > option {
    text-align: left;
}

demo link

Answer 2

试试这段代码：

/*for Selects*/
 select {
    direction: rtl;
    text-align: right;
}
.select option {
    direction: ltr;
}

参见演示http://jsfiddle.net/JentiDabhi/g93659v5/2/

Answer 3

检查此CSS

/*for Selects*/
 .select {
    direction: rtl;
    float:left;
    width:50%;
    text-align: right;
}
.select option {
    direction: ltr;
    float:right;
    width:50%;
}