Как изменить css цвета тегов select2?

Я только начал использовать проект для отображения нескольких тегов из поля выбора, и он отлично работает, спасибо за библиотеку.

Мне просто нужно изменить цвет или CSS тегов, показанных в многозначных полях выбора. Прямо сейчас цвет тега показан серым, и я хотел бы изменить его на другой цвет в соответствии с типом тега. Или хотя бы есть способ изменить цвет по умолчанию?

Также возможно ли изменить класс тегов CSS? Есть такая опция, какformatResultCssClass но когда я попытался добавить классы CSS через это свойство, ничего не изменилось, я был бы признателен, если кто-нибудь может показать пример, как это сделать?

Редактировать: Обходной путь для решения проблемы: Добавить новое свойство в select2.defaults для представления классов выбранных объектов.

$.fn.select2.defaults = {
...
    selectedTagClass: "",
...
}

addSelectedChoice: function (data) {
        var choice=$(
            "" +
            "    <a href="#" onclick="return false;" class="select2-search-choice-close" tabindex="-1"></a>" +
            ""),
        id = this.id(data),
        val = this.getVal(),
        formatted;
...

И инициализируйте select2, используя это новое свойство:

$(".#select2Input").select2({placeholder: "Please Select Country", 
                    selectedTagClass: 'label label-info', // label label-info are css classes that will be used for selected elements
                    formatNoMatches: function () { return "There isn't any country similar to entered query"; }
                });

Ответы на вопрос(7)

Ваш ответ на вопрос