html - 多选多重引导选择2的自动增加和减少高度

Question

我使用带有 bootstrap 3 和 select2 的多重选择，用户可以在其中选择一年中的月份。如果我要选择一年中的所有月份，如您在图像中看到的那样，则选择占用的空间比输入要多。

是否可以自动增加和减少输入高度以匹配选择？

我尝试在 select with 上添加 css 内联，height: auto但这没有用。即使指定高度也不起作用。

HTML

<select class="form-control" id="scheduler_months" multiple style="width: 100%">
    <option selected value='1'><?=_("Janaury")?></option>
    <option value='2'><?=_("February")?></option>
    <option value='3'><?=_("March")?></option>
    <option value='4'><?=_("April")?></option>
    <option value='5'><?=_("May")?></option>
    <option value='6'><?=_("June")?></option>
    <option value='7'><?=_("July")?></option>
    <option value='8'><?=_("August")?></option>
    <option value='9'><?=_("September")?></option>
    <option value='10'><?=_("October")?></option>
    <option value='11'><?=_("November")?></option>
    <option value='12'><?=_("December")?></option>
</select>

更新

由于我没有意识到这是在创建问题，因此我在这里select2发现了我的问题，并简单地使用以下 css 来解决我的问题。

.select2-selection--multiple{
    overflow: hidden !important;
    height: auto !important;
}

所以现在我明白了

标签： htmlcsstwitter-bootstrap