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

Question

我想将选项容器匹配项与select标签对齐。 到目前为止，我没有使用任何边距（或）填充，但是我的下拉选项如下所示：

选项容器左对齐。

Answer 1

尝试这个：

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

小提琴

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>

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

Answer 3

对options不能使用text-align 。 您可以尝试像这样使用text-indent代替：

select{
    text-indent:90px;
}

小提琴