使用select2.js的多个选择框

Question

我使用select2.js创建选择框，我的页面中有两个不同的选择框，它们有不同的风格。因此，如果我将CSS类分开，它将导致jquery脚本。

我添加了一些更改，从.select2-container .select2-choice span {... }到.accoutbox .select2-container .select2-choice span {... }，它有效。但是一些div的块不在accountbox div中，所以我无法做到，例如.select2-drop.select2-drop-above {....}。

任何想法都表示赞赏。感谢。

Answer 1

Select2有一个dropdownCssClass属性，您可以在其中指定要添加到select2-drop类的自定义类，例如

$("#your-selector").select2({
    dropdownCssClass: 'some-custom-drop-class'
});

然后你可以做这样的事情：

.some-custom-drop-class.select2-drop-above

更多：Select2 documentation