Align текст <select><option> к правому

Question

Удивительно в

<select> 
    <option>Text</option> 
</select> 

---

option { 
    text-align: right; 
} 

не работает, и я в поисках решения для достижения этой цели. Я понимаю, что это небольшой вопрос, но я не могу понять, почему он не работает

Answer 1

Попробуйте с direction атрибута и использовать направление справа налево, т.е. rtl

<select dir="rtl"> 
    <option>Text</option> 
</select> 

Js Fiddle Demo

Update: если вы хотите сохранить значок стрелки вправо с параметрами, которые нужно выровнять right, то вы можете просто установить объект на option вместо select

option{ 
    direction:rtl; 
} 

Js Fiddle Demo 2