如何使用CSS在選擇/選項列表框中垂直居中文本使用CSS

Question

當我在選擇列表框中設置選項的高度時，選項中的文本默認爲頂端對齊。我怎樣才能讓它在中間對齊？ （我嘗試了明顯的垂直對齊和行高，沒有工作）

測試：http://jsfiddle.net/uWszr/

Answer 1

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

option { 
    height: 32px; 
} 

應根據所有選項元素的總高度計算select，padding-top select的高度。 我認爲通用性應該在jQuery上製作一個計算腳本並替換適當的值。 至少意味着我看不到css通用解決方案

Answer 2

使用填充的選擇對齊選項的文本。

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

這不是對齊中間文本的最佳解決方案。但它將作爲臨時解決方案有用。