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

当我在选择列表框中设置一个选项的高度时，默认情况下，该选项中的文本与顶部对齐。我怎么才能让它在中间对齐呢？（我尝试了明显的垂直对齐和线条高度，但没有成功）

---

测试：

使用填充选择对齐选项中的文本

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

这不是将文本对齐到中间的最佳解决方案。但这将是一个有用的临时解决方案

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

option {
    height: 32px;
}

应根据所有选项元素的总高度计算“选择”的高度，即“选择”顶部的填充高度。 我认为为了通用性，应该在jQuery上编写一个计算脚本，并替换适当的值。

---

至少意味着我看不到css通用解决方案

我怀疑JavaScript将是唯一的出路。你可以这样做吗？你可以给你的

选项提供
填充：10px 0
顶部和底部填充（你喜欢什么），而不是
高度
。。这将导致文本在中间垂直对齐