изменить цвет опции в плагине select2

Question

Я использую плагин select2, и мне нравится менять цвет текста в некоторых опциях, таких как:

<select class="js-example-basic-single">
    <option>item 1</option>
    <option style="color:red">item 2</option>
    <option>item 3</option>
    <option style="color:red">item 4</option>
</select>

Но когда я запускаю страницу, style не работает.

Answer 1

Если вы хотите редактировать внешний вид ваших опций, вам нужно использовать шаблонные опции select2

Вам нужно будет сделать что-то вроде этого:

$('.js-example-basic-single').select2({
   templateSelection: function(data) {
       return $('<span style="color:red">' + data.text +'<span>');
   }
});

Имейте в виду, что если вы хотите, чтобы только некоторые параметры были красными, вам нужно выполнить проверки внутри функции.

Надеюсь, это поможет.