使用select2.js的多個選擇框

Question

我使用select2.js來創建選擇框，我在頁面中有兩個不同的選擇框，它們有不同的樣式。所以如果我分開CSS類，它會導致jQuery腳本。

我添加了一些變化，從.select2-container .select2-choice span {... }到.accoutbox .select2-container .select2-choice span {... }，它的工作原理。但一些div塊，不在accountbox股利，所以我不能做到這一點，如.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