javascript - Select2 4.0.0 - 更改输入框高度

Question

每当我使用 select2 时，空框只有一行高。添加输入时，框会相应扩展，但始终只是所需的确切数量。

我怎样才能改变它，使我的输入框至少有 100 像素高，即使是空的？在某些情况下，我希望盒子在填充时达到 100px 甚至更高，所以如果盒子一开始只有 16px 高，它在我的布局中看起来真的很愚蠢。

我正在应用 select2() 的 HTML 元素是一个带有“multiple=multiple”的 Select 元素(我最终需要多个输入。)

我在谷歌上搜索了很多，也在这个论坛上搜索过，但到目前为止没有任何效果。我尝试在我的自定义 css 文件中包含类似这样的内容:

.select2-container .select2-choice {
min-height:100px !important;
}

但这并没有改变任何东西。也许那些小费适用于旧版本的 select2？我正在使用 4.0.0。

如何放大盒子？

解决方案:

我将其添加到我的 CSS 中。这一切都是为了让 css 选择器正确(最近似乎确实发生了变化)。我通过检查我的 HTML 输出提取了他们的名字。

.select2-container .select2-selection--multiple{
    min-height:100px;
    padding-bottom: 50px;
}

Answer 1

.select2-selection.select2-selection--multiple {
    min-height: 100px;
}

在 examples page 上测试.