本文介绍了一种解决Select2插件在选择多个选项时组件变形的问题，通过自定义CSS样式，包括调整圆角、固定高度及添加滚动条，有效避免了组件因选项增多而失真的情况。
最近在使用select2插件的时候，发现选择多个选项后会导致组件自适应高度而发生变形，看起来非常丑，如图：
在select2.css文件中添加如下代码，问题完美解决！
/**
* 自定义样式
* 1去掉左边圆角
* 2固定高度，添加垂直方向滚动条，防止选择多个选项后组件变形
*/
.select2-choices {
border-radius: 0 3px 3px 0 !important;
max-height: 26px;
overflow-y: auto !important;
}
运行效果如下图
扫一扫
996
到【灌水乐园】发言
