0

I use this code 

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

in all browser all the element assign as right except chrome , in chrome element assign as left

even I wrote

<Select dir ="rtl" >

but not work

after that I use this

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

but not work again

this is image of my result

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

I want chrome like another browser start at right

what am I doing ??

user3686707
  • 1
  • 1

1 Answers1

2

try this

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>

here is fiddle : http://jsfiddle.net/pragneshok/m5pgp/2/

tejashsoni111
  • 1,405
  • 1
  • 18
  • 34
Pragnesh Rupapara
  • 782
  • 1
  • 12
  • 30