css - 如何使用 CSS 在选择/选项列表框中垂直居中文本

Question

当我在选择列表框中设置选项的高度时，默认情况下选项中的文本顶部对齐。我怎样才能使它在中间对齐？（我尝试了明显的垂直对齐和行高，没有用）

测试：http: //jsfiddle.net/uWszr/

Answer 1

select {
    width: 128px; height:150px;
    padding-top:6%;
}

option {
    height: 32px;
}

选择的高度，选择的顶部填充 - 应该根据所有选项元素的整体高度计算。我认为为了通用性应该在 jQuery 上制作一个计算脚本并替换适当的值。至少意味着我看不到 css 通用解决方案

Answer 2

使用 padding for select 来对齐选项中的文本。

select {
width: 128px;
padding:10px 0;
}

这不是将文本居中对齐的最佳解决方案。但它作为临时解决方案很有用。