CSS，覆蓋所有選擇下拉菜單的高度？

Question

我如何參考，所以我可以覆蓋，所有的選擇框，所以我可以覆蓋默認的高度？我很熟悉當我使用一個類創建元素，但我不確定這個？

Answer 1

100％JS溶液（與jquery）

$("select").height("120px"); 

100％JS溶液（無jquery的）

var selects = document.getElementsByTagName("select"); 
for(i = 0;i < selects.length; i++) { 
    selects[i].style.height = "120px"; 
} 

100％的CSS溶液

select { 
    height: 100px !important; 
} 

Answer 2

你的意思是在下拉原生select元素時彈出的菜單？

我不認爲你可以影響，完全取決於瀏覽器。

你也許能影響什麼 - 它應該在目前所有瀏覽器中工作 - 是select本身：

select { height: .... } 

或每個選項（如果在Firefox的工作，否則參差不齊的支持）

select option { height: .... } 

Answer 3

這應該做的伎倆：

select { height: 60px; }

更換60與你想要的高度。

Answer 4

嘗試這種情況：

select {height:100px;} 

Answer 5

最好的方法是給你的select元素上一堂課。 <select name="nameforyourselect" class="myclass"></select>

然後在你的css中設置高度，例如.myclass{height:30px;}這將使所有具有類名myclass的元素的高度爲30px。我建議你這樣做，因爲你可能希望創建另一個高度的選擇元素。所以你只需在其上設置其他類並在你的css中定義它。