如何對齊HTML中的選擇標籤選項容器？

Question

我想將選項容器匹配與選擇標記對齊。我不使用任何保證金（或）填充到現在爲止但是我的下拉菜單選項如下圖所示：

選項容器對準位左。

Answer 1

試試這個：

option:not(:first-child) { padding-left: 1em;} 

fiddle

Answer 2

是不是可以使用text-align爲options。您可以嘗試改用text-indent這樣的：

select{ 
    text-indent:90px; 
} 

fiddle

Answer 3

有解決這個問題的一個簡單的方法：

<select> 
    <option value="">--Select Category</option> 
    <option value="">&nbsp;&nbsp; Option One</option> 
    <option value="">&nbsp;&nbsp; Option Two</option> 
    <option value="">&nbsp;&nbsp; Option Three</option> 
</select> 

演示---->http://jsfiddle.net/Junkie/tKc4d/6/