select2 元素缩小宽度的原因可能是什么？答案

【问题标题】：What could be reason of select2 element shrinks the width?select2 元素缩小宽度的原因可能是什么？
【发布时间】：2020-07-09 17:23:08
【问题描述】：

这可能是什么原因？ select2 的一个元素正常显示，而另一个不正常显示？我试图改变 html 的结构，也没有任何其他样式可以覆盖它。似乎该插件正在提供损坏的选择“如图所示”动态宽度。奇怪，但感谢您的帮助。

【问题讨论】：

这很可能只是这种边框样式的错误。尝试不同的。
是的，但有一个问题，为什么这适用于其他 5 个选择元素，但没有 ????
codepen.io/cool-internet-guy/pen/JjGZGNw
您的代码笔显示宽度是动态计算的。很可能是最长选项值，但由于您添加了花哨的填充，JS 不知道它。

标签： html css jquery-select2

【解决方案1】：

只需添加宽度选项 $("#company-filter").select2({ dropdownAutoWidth : true, width : '<value>'}); 而不是 $("#company-filter").select2(); 并为下拉按钮添加一些 padding-right，所以

.select2-container .select2-selection--single .select2-selection__rendered {
padding-left: 20px;
padding-right: 50px;
}

【讨论】：