目前我在 JQuery 对话框中使用 Chosen JQuery 小部件，一旦打开下拉框，下拉框的大小就会导致对话框溢出，从而导致:(注意有两个滚动条，一个用于下拉框，一个用于对话框，这使得滚动几乎无用:
有没有办法设置:
- 必须滚动之前显示的最大元素数，
- 选择/选择的下拉框的最大高度，或
- 包含元素之一的最大高度
让它看起来更像这样(这是一个 photoshop，这就是我想要的样子):
即对话框窗口中没有溢出，因为在您必须滚动之前只显示了 8 个元素。
最佳答案
tl;dr:将此 CSS 规则添加到您的 styles.css:
.chosen-container .chosen-results {
max-height:100px;
}
最初我不明白这一点，但这个选择器实际上应用于类 inside Chosen(库生成自己的 html 元素，与
<select> 元素分开)他们不是指您(设计师)将 Chosen 放入其中的容器，因此它们可以在任何情况下工作。
然而，即使我意识到这一点，这个选择器也不会工作，因为 chosen.css 有完全相同的选择器，而且因为 last declared rule wins ，我的规则没有效果。有两种解决方案:
- 添加
!important到您的自定义规则(可能是不正确的方式)
或
确保您的 styles.css 在 chosen.css 之后声明。我的链接按以下顺序排列:
<link rel="stylesheet" href="css/main.css"><link rel="stylesheet" href="chosen/chosen.css">如果您更改顺序，使您的 main.css(或任何您命名的自定义样式文件)在之后声明，问题也将得到解决。
<
关于jquery - 如何设置展开的 "Chosen"元素的最大高度(jQuery 插件)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/21111652/