Применить стиль к select2

Question

У меня есть обычное поле выбора, которое я заменяю на необычное select2.Теперь я хочу применить к нему определенный атрибут стиля.

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

Этот простой подход не работает.Какое решение?

Answer 1

Это потому, что с помощью команды select2(); вы преобразовали свой #myID в объект select2, и он больше не действует как простой <select> id !

Ваш jQueryвместо этого должен выглядеть примерно так:

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

(К сожалению, сейчас я не могу сам это проверить, поскольку jsfiddle не поддерживает select2)

Answer 2

Я нашел решение самостоятельно:

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

Answer 3

На этот вопрос уже был дан ответ, и он меня несколько раз поймал, вы хотите редактировать css-файлы Select2, так как стиль элемента select будет переписан.Или создайте для него новую тему.

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

или для определенного идентификатора

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

Переполнение стека Аналогичный вопрос