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中定义它。