Как изменить цвет выделенных результатов в select2 после использования функции templateResult для изменения цвета текста? - PullRequest
Новая
       11

Как изменить цвет выделенных результатов в select2 после использования функции templateResult для изменения цвета текста?

0 голосов
/ 12 июня 2019

Так что я изменил цвет текста на красный с помощью templateResult, но после этого я не могу использовать css, чтобы изменить цвет на белый, когда результат подсвечивается. Как мы можем это изменить?

В моем понимании нет способа сделать это, если я использую templateResult, но мне нужно использовать templateResult, поскольку нет способа нацелить конкретный раскрывающийся список, чтобы гарантировать, что функция в templateResult не влияет на другие раскрывающиеся элементы на той же странице.

http://jsfiddle.net/vpjgax9y/4/

$('select').select2({width:100, 
    templateResult: function(data) {
        var $result = $("<span style='color:red;''></span>");

        $result.text(data.text);;

        return $result;
    }
});

.select2-results__option .select2-results__option--highlighted {
    background: #f00;
    color: #fff;
}

Выполнение этого с помощью css будет нацелено на все выпадающие списки, а это не то, чего я хочу, поэтому есть ли решение, которое я могу использовать, чтобы избежать этой проблемы?

...