设置select2的高度

Question

如何增加select2建议下拉菜单的高度？

我尝试了https://github.com/select2/select2/issues/144提出的想法：

.select2-results {
  max-height: 500px;
}

但是，这不起作用。如果我改为设置该min-height属性，则尺寸会增加，但是，如果只有1或2个项目，我不希望有500px的巨大下拉列表...因此，min-height这不是一个真正的选择。

我希望下拉菜单动态调整其高度以适应内容，但是在显示滚动条之前将其高度增加到500px。

Answer 1

尝试使用：

.select2-results__options {
   max-height: 500px;
}

如果这样不起作用，请尝试添加!important，使其覆盖默认的最大高度（尝试使用您的和我的两种方法）。

Answer 2

上面的答案都不适合我，但这确实有效。我把它放在这里以供将来在谷歌上参考：

.select2-container--default .select2-results > .select2-results__options {
    max-height: 400px;
    min-height: 400px;
    overflow-y: auto;
}