如何在右侧显示下拉列表项？

Question

我有一个简单的HTML代码（下拉列表），由于某些原因，我想在右侧显示项目，而不直接在select标签上使用方向。

它适用于火狐，但不适用于IE（第11版）。

我使用了这些代码和css，但它不起作用

<select name="SelectedGroup" style="text-align:right" id="groups" >
    <option  value="">Select one</option>
    <option style="text-align:right; " value="1">abcd#1</option>
    <option style="text-align:right; direction:rtl;" value="2">abcd#2</option>
    <option value="3">abcd#3</option>
    <option value="4">abcd#4</option>
</select>

Answer 1

它在IE11中使用方向适用于我。试试这个

<select name="SelectedGroup" dir="rtl" id="groups" >
    <option  value="">Select one</option>
    <option value="1">abcd#1</option>
    <option value="2">abcd#2</option>
    <option value="3">abcd#3</option>
    <option value="4">abcd#4</option>
</select>