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

Question

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

标签： htmlcssjquery-select2

Answer 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;
}