我刚开始使用项目从选择框中显示多个标签,效果很好,感谢图书馆。
我只需要修改多值选择框中显示的标签的颜色或 CSS。现在标签的颜色显示为灰色,我想根据标签的类型将其更改为其他颜色。或者至少有办法改变默认颜色?
也可以更改标签的css类吗?有一个选项,例如,formatResultCssClass
但是当我尝试通过该属性添加 css 类时,没有任何改变,如果有人可以展示如何执行此操作的示例,我将不胜感激?
编辑:解决问题的解决方法:向 select2.defaults 添加一个新属性,用于表示所选对象的类。
$.fn.select2.defaults = {
...
selectedTagClass: "",
...
}
addSelectedChoice: function (data) {
var choice=$(
"<li class='select2-search-choice " + this.opts.selectedTagClass + "'>" +
" <div><a href='#' onclick='return false;' class='select2-search-choice-close' tabindex='-1'><i class='icon-remove icon-white'/></a></div>" +
"</li>"),
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"; }
});