删除消息并组织自动完成输入字段jquery的结果

如何使用css删除消息并将结果组织在一个漂亮的下拉列表中（不需要引导或现成的css文件）

---

在html中，您可以将消息设置为失败，将结果消息设置为空。 工作实例。 变量aCleanData=['test'，'test1'，'abcd'，'abee'，'abc5'，'test4'，'te7'，'tee']

$('#test').autocomplete({
    source: aCleanData,
    minLength: 2,
    search: function(oEvent, oUi) {
        var sValue = $(oEvent.target).val();
        var aSearch = [];
        $(aCleanData).each(function(iIndex, sElement) {
            if (sElement.substr(0, sValue.length) == sValue) {
                aSearch.push(sElement);
            }
        });
        $(this).autocomplete('option', 'source', aSearch);
    },
    messages: {
        noResults: '',
        results: ''
    }
});

过滤结果位于

ul>li

元素中，您可以根据需要设置这些元素的样式

例如：

.ui-autocomplete {
    width:100px;
    padding:0;
    margin:0;
    z-index:1000;
}
.ui-autocomplete li {
    background: #eee;
    text-align:left;
    cursor: pointer;
}
.ui-autocomplete li:hover {
    background: #ccc;
}
.ui-autocomplete li a {
    cursor: pointer;
    padding: 6px 10px;
    display: block;
}
.ui-autocomplete li a.ui-state-focus {
    background: #DE9C9C;
}

要将滚动添加到过滤器列表下拉列表中，请为集合设置

max height

.ui-autocomplete {
  max-height: 100px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 20px;
}

---

这就是我想要的！使用向上/向下键时，是否有方法突出显示选项？此外，如果显示的选项太多，如何添加滚动条？就像把整个东西放在一个高度为100px的div里，溢出yyeah最大高度工作！您能告诉我如何在使用键盘上下键时对选项执行悬停效果吗？@Gadgetster为.ui状态焦点设置一些颜色，就完成了。我已经更新了代码。

.ui-autocomplete {
  max-height: 100px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 20px;
}