html - 居中对齐下拉列表文本

Question

我有一个简单的下拉列表，其中显示了五个不同的游戏机。是否可以居中对齐文本？我试过将它居中对齐，但这没有用。

html

<select class="consoles">
  <option value="0">Xbox One</option>
  <option value="1">Playstation 4</option>
  <option value="2">PC</option>
  <option value="3">Nintendo Wii</option>
</select>

CSS

.consoles {
  width: 120px;
  height: 37px;
  text-align:center
}

Answer 1

试试这个 .consoles {width: 120px;高度:37px； padding-left:10px;}

您可以调整 padding-left 以满足您的需要。 http://jsfiddle.net/PawelK/CN8mr/