将样式应用于select2

Question

我有一个普通的选择框，我改为花式select2。 现在，我想对它应用某个样式属性。

$('#myID').select2();
$('#myID').css('background-color','red');

这种简单的方法不起作用。解决方案是什么？

Answer 1

我自己找到了解决方案：

$('#select2-'+myID+'-container').parent().css('background-color', 'red');

Answer 2

之前已经回答了这个问题并且已经让我不止一次，你想要编辑Select2 css文件，因为select元素的样式将被覆盖。或者为它创建一个新主题。

.select2-search { background-color: #00f; }

或特定ID

#myID.select2-search { background-color: #00f; }

Stack Overflow Similar Question

Answer 3

这是因为使用select2();命令，您已将#myID转换为select2对象，而且它不再是简单的<select> ID ！< / p>

你的jQuery看起来应该是这样的

$($('#myID').data('select2')).css('background-color', 'red');

（现在不能自己测试，因为jsfiddle不支持select2）