html - 设置select2的高度

Question

如何增加 select2 建议下拉列表的高度？

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

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

但是，这不起作用。如果我改为设置 min-height 属性，大小会增加，但是，如果只有 1 或 2 个元素，我不想有一个 500px 的巨大下拉菜单...所以 min -height 并不是一个真正的选择。

我希望下拉菜单根据内容动态调整其高度，但在显示滚动条之前将其高度增加到 500 像素。

Answer 1

尝试使用:

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

如果这不起作用，请尝试添加 !important 以覆盖它的默认最大高度(尝试两种方法，你的和我的)。