如何在HTML中对齐选择标记选项容器？

Question

我想将选项容器匹配与select标记对齐。到目前为止，我还没有使用任何保证金（或）填充，但我的下拉选项仍显示如下：

选项容器左对齐。

Answer 1

试试这个：

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

fiddle

Answer 2

有一种简单的方法可以解决这个问题：

<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>

demo ----＆gt; http://jsfiddle.net/Junkie/tKc4d/6/

Answer 3

text-align无法使用options。您可以尝试使用text-indent代替：

select{
    text-indent:90px;
}

fiddle