Html CSS，覆盖所有选择下拉列表的高度？

如何引用所有选择框，以便覆盖默认高度？我对使用类创建元素很熟悉，但对此我不确定？

您是指在下拉本机

选择
元素时弹出的菜单

我认为你根本无法影响这一点，这完全取决于浏览器

您可能会影响的是
select
本身，它应该可以在所有当前浏览器中工作：

select { height: .... }

或每个选项（应在Firefox中工作；否则，spotty支持）

这应该可以做到：

select { height: 60px; }
选择{高度：60px；}
将
60
替换为您所需的高度。
尝试以下操作：

select {height:100px;}

100%JS解决方案（带jquery）

100%JS解决方案（无jquery）

最好的方法是为select元素提供一个类<代码>

然后在css上设置高度，例如
.myclass{height:30px；}
这将为所有类名为myclass的元素提供30px的高度。我建议您这样做，因为您可能希望创建另一个具有另一高度的select元素。因此，您只需在其上设置其他类，并在css上定义它。
100%在my scenerio中工作

<select onfocus='this.size=10;' onblur='this.size=1;' 
        onchange='this.size=1; this.blur();'>

您可以使用css、使用行高和字体大小轻松做到这一点

select {
    line-height: 1em;
    font-size: 14px;
}

！重要信息
覆盖了所有内容，并打破了提问者所说的“违约”的含义。
var selects = document.getElementsByTagName("select");
for(i = 0;i < selects.length; i++) {
    selects[i].style.height = "120px";
}

select {
    height: 100px !important;
}

<select onfocus='this.size=10;' onblur='this.size=1;' 
        onchange='this.size=1; this.blur();'>

select {
    line-height: 1em;
    font-size: 14px;
}