Question

下面是基本jquery自动完成的链接 https://jqueryui.com/autocomplete/

以下是我添加的代码，使搜索到的字符在建议列表中变为粗体。

$.ui.autocomplete.prototype._renderItem = function (ul, item) {
     item.label = item.label.replace(new RegExp("(?![^&;]+;)(?!<[^<>]*)(" + $.ui.autocomplete.escapeRegex(this.term) + ")(?![^<>]*>)(?![^&;]+;)", "gi"), "<strong>$1</strong>");
     return $("<li></li>")
                .data("item.autocomplete", item)
                .append("<a>" + item.label + "</a>")
                .appendTo(ul);
    };

但是在悬停时，悬停的文字是用蓝色点亮的。但我想删除那个喜光。请建议。

由于

Answer 1

您需要将css应用于ui-menu-item-wrapper： -

.ui-menu .ui-menu-item-wrapper:hover {
    background-color: transparent;
    color: #000;
}

如果你想删除边框，请添加： -

border-color: transparent;

删除jquery autocomplete hi lighting

1 个答案: