jquery - 如何设置展开的 "Chosen"元素的最大高度(jQuery 插件)

Question

目前我在 JQuery 对话框中使用 Chosen JQuery 小部件，一旦打开下拉框，下拉框的大小就会导致对话框溢出，从而导致:(注意有两个滚动条，一个用于下拉框，一个用于对话框，这使得滚动几乎无用:

有没有办法设置:

• 必须滚动之前显示的最大元素数，
• 选择/选择的下拉框的最大高度，或
• 包含元素之一的最大高度

让它看起来更像这样(这是一个 photoshop，这就是我想要的样子):

即对话框窗口中没有溢出，因为在您必须滚动之前只显示了 8 个元素。

Answer 1

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(或任何您命名的自定义样式文件)在之后声明，问题也将得到解决。

  <