Html选择"；“尺寸”；问题

此处显示的

select

元素（具有固定宽度）有3个选项，其中

大小为3。因此，它应该完全符合内容。但是，它似乎在底部保留了足够的空间，以便能够显示所有的
选项
元素，这些元素的高度与它不需要的高度相同。（运行代码段以查看。）

有没有办法解决这个问题，这样在最后一个
选项之后就没有多余的空间了


.myClass选择
{
宽度：150px；
}
.myClass选项{
空白：正常；
}

1.
2此选项非常长，因此我们将文本换行。这会导致select在底部显示额外的空白！
3.
如果chromium团队无法解决该问题，您可以使用以下方法作为解决方法

您可以计算选项的总高度，然后将其设置为
的高度：


var options=document.getElementsByTagName（“选项”）；
var-opheight=0；
对于（i=0；i
.myClass选择{
宽度：150px；
}
.myClass选项{
空白：正常；
}

1.
2此选项非常长，因此我们将文本换行。这会导致select在底部显示额外的空白！
3.
我真的不明白你在问什么。你说它的大小是3，但它清楚地表明是4，你的填充文字说你包装了它，但你没有包装。@JohnMontgomery it's wrapping for me？你用的是什么浏览器？（我使用的是Chrome 80.0.3987.132）@Daedalus.Firefox。我刚刚在Chrome中打开了它，现在我看到了你在其他评论中所说的话，所以看起来这是一个浏览器问题。size=“4”来自问题的草稿版本。现在更正为显示“3”。重点是在选项后显示额外的空间。在：中添加了一个Chrome bug，它可以工作，只需要少量的额外填充。（也适用于Firefox，但Firefox从不包装文本，因此不需要它。）