Select2 4.0.1 CSS of Drop-Down 似乎不起作用（与选择相比宽度不同）答案

【问题标题】：Select2 4.0.1 CSS of Drop-Down doesn't seem to work (different width compared to select)Select2 4.0.1 CSS of Drop-Down 似乎不起作用（与选择相比宽度不同）
【发布时间】：2015-12-15 09:39:20
【问题描述】：

我正在尝试解决新 select2 4.0.1 的另一个问题。我想要实现的是在打开时更改下拉菜单的默认宽度。

这是选择 2.3.x 按预期工作的屏幕。

这是一个有效的 JS BIN，它如何与 select2 4.0.1 一起工作（或不工作）

http://jsbin.com/dujakenusi/edit?html,css,js,console,output

在 2.3.x 版本中，有一个属性 dropdownAutoWidth 现在似乎不起作用。我在 SO 上找到了一些关于 width: 'resolve' 的文章，但效果不佳。

有什么帮助吗？谢谢回复。

【问题讨论】：

标签： jquery css jquery-select2 dropdown

【解决方案1】：

终于。

答案是这个 CSS：

.select2-results__option[aria-selected] {
white-space: nowrap;
max-width: 320px;}

将样式设置为 dropdown 的 <li> 元素。我已经从 select2 初始化中删除了 dropDownCSS 和 width 属性，因为它们没有被使用。

http://jsbin.com/rixedobohe/edit?html,css,js,console,output

【讨论】：