最近在使用select2插件的时候,发现选择多个选项后会导致组件自适应高度而发生变形,看起来非常丑,如图:
在select2.css文件中添加如下代码,问题完美解决!
/**
* 自定义样式
* 1去掉左边圆角
* 2固定高度,添加垂直方向滚动条,防止选择多个选项后组件变形
*/
.select2-choices {
border-radius: 0 3px 3px 0 !important;
max-height: 26px;
overflow-y: auto !important;
}
运行效果如下图