Select2 - 结果中突出显示的样式

时间:2016-03-01 18:13:10

标签: css jquery-select2

默认情况下,select2会在搜索结果中为匹配字词添加下划线。

enter image description here

如果我希望匹配字词为 BOLD 或有颜色而不是带下划线,是否可以设置样式?我会这么认为,但我在文档或互联网上找不到任何关于此的内容。

1 个答案:

答案 0 :(得分:0)

你想使用formatResult函数,继承人是一些相关的阅读 https://github.com/iStefo/ember-select-2/issues/109 https://groups.google.com/forum/#!topic/select2/FhVygJ_21Nk

这里是我在自定义格式结果的一个实现中使用的示例,其中我将结果封装在我使用css设置样式的标签中

formatResult: function(result, container, query, escapeMarkup) {
        var markup=[];
        window.Select2.util.markMatch(result.text, query.term, markup, escapeMarkup);
        if (result.isNew) {
            return markup.join("");
        } else {
            return '<span class="post-tag">'+markup.join("")+'</span><span class="item-multiplier">×&nbsp;'+result.count+'</span>';
        }

    },