如何从左到右移动选择框？

Question

我想在页面上将selectbox从左侧移到右侧。 但是，当我这样做时，它将反转整个选择框 从

向

我也想在右侧以原始形式出现。

我的选择框代码是

<form class="myform">
<select name="recordPerPage">
<option value="30">30 Rows</option>
<option value="40">40 Rows</option>
<option value="50">50 Rows</option>
<option value="40">60 Rows</option>
<option value="70">70 Rows</option>
<option value="80">80 Rows</option>
<option value="90">90 Rows</option>
<option value="100">100 Rows</option> 
</select>
</form>

而且css是

.myform
{ 
  direction: rtl; 
}

Answer 1

尝试

    .myform
    {
    float : right;
    }

代替。

Answer 2

direction属性与文字方向相关，而非元素定位。

试试这个。

<强> CSS

.myform {
    float:right;
}

JSfiddle Demo