javascript - 选择多个在 chrome 中不起作用

Question

我用这个代码

<style>
Select{
text-align : right;
direction : right;
}
</style>
<Select  size="5" >
<option>سلام....</option>
...
..
</Select>

在所有浏览器中，除 chrome 之外的所有元素都分配为右，在 chrome 元素中分配为左

连我都写了

<Select dir ="rtl" >

但不工作

之后我用这个

<option dir ="rtl">سلام....</option>

但不能再工作了

这是我的结果图片

( http://chromefalt.somee.com/result.html )( http://jsfiddle.net/korooshbaghbani/3Jgs5 )

我希望 chrome 像另一个浏览器一样从右开始

我在做什么？？

Answer 1

试试这个

CSS:

    <style>
        .dropdown {
            direction: rtl;
        }

        select{
            width:125px;
            float:left;
        }
   </style>

HTML:

<div class="dropdown">
    <select id="sex" name="sex">
        <option value="0">اختر</option>
        <option value="1">ذكر</option>
        <option value="2">أثنى</option>
    </select>
</div>

这是 fiddle :http://jsfiddle.net/pragneshok/m5pgp/2/