Как изменить 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"; }
});