在下拉列表的中心显示文本

Question

这是我的http://jsfiddle.net/JvC9v/4/

点击http://jsfiddle.net/JvC9v/4/show查看完整页面。 我正在尝试在<option> </option>到下拉列表中心之间显示文本。即我希望文本“第1项”出现在中心。

我用代码

尝试了

option {
text-align: center;
}

我没有成功。任何人都可以建议我如何实现同样的目标。

Answer 1

如果我理解你是对的，这是你想要实现的吗？请参阅工作示例 here 。

select {
     width: 100%;
     text-align: center;
     padding-left: 50%;
}

Answer 2

在你的c

中试试这个

select{ text-align-last:center;}

这会将下拉列表中的所有文本居中。但我担心它只适用于Chrome浏览器。

Answer 3

select {
  text-align: center;
}

Answer 4

enter code here**strong text**<select  >
<option>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;--Drop Down Menu--</option>
<option>Option one</option>
<option>Option Two</option>
<option>Option Three</option>