如何用CSS將select/option文本居中或居右對齊

1) 簡單點的使用padding使其“看上去”對齊

適合寬度固定的場合，只要padding合適，效果還是不錯的

select { 

   padding: 0 0 0 20px;

}

2） 居右對齊：　可以使用rtl屬性來來控制，

<select dir="rtl">

    <option>Foo</option>    

    <option>bar</option>

    <option>to the right</option>

</select>

寫成CSS的話則爲：

select {

    direction: rtl;

}