Bootstrap Select2多选框如何实现高度随选项自动增减？

我之前也踩过一模一样的坑！用Bootstrap 3搭配Select2做年月多选框的时候，选中所有月份后，选项内容直接超出了输入框高度——一开始我试着给<select>标签加内联CSS height: auto，甚至指定固定高度，结果完全没效果。

后来才搞明白，问题根源在Select2自带的默认样式上！它的多选选择器默认样式限制了高度，导致内容没法自动撑开。

最终通过自定义以下CSS解决了这个问题：

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

加上这段样式后，多选框的高度就能随着选中选项的数量自动增减，再也不会出现内容溢出的情况了。

内容的提问来源于stack exchange，提问作者Cesar Bielich