Html 自动增加和减少多选多引导select2的高度

我使用带有引导3和选择2的multi-select，用户可以选择一年中的月份。如果我选择了一年中的所有月份，如图中所示，那么选择将比输入占用更多的空间

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

我尝试使用

height:auto

在select上添加css内联，但没有成功。甚至指定高度也不起作用

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-selection--multiple{
    overflow: hidden !important;
    height: auto !important;
}