JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<body>
<input type="text" id="YOUR_ID_HERE"/>
</body>
CSS
.ui-menu-item:hover { background-color: red; }
JavaScript
$(function() {
var $INPUT =$("#YOUR_ID_HERE");
$INPUT.autocomplete({
source: function (request, response) {
var suggestions = [];
suggestions.push({
"label": "test",
"value": "test"
});
suggestions.push({
"label": "test",
"value": "test"
});
suggestions.push({
"label": "test",
"value": "test"
});
suggestions.push({
"label": "test",
"value": "test"
});
suggestions.push({
"label": "test2",
"value": "test2"
});
suggestions.push({
"label": "test2",
"value": "test2"
});
suggestions.push({
"label": "test2",
"value": "test2"
});
suggestions.push({
"label": "test2",
"value": "test2"
});
suggestions.push({
"label": "test2",
"value": "test2"
});
suggestions.push({
"label": "test2",
"value": "test2"
});
suggestions.push({
"label": "test2",
"value": "test2"
});
response(suggestions);
response(suggestions);
response(suggestions);
response(suggestions);
response(suggestions);
response(suggestions);
response(suggestions);
response(suggestions);
response(suggestions);
response(suggestions);
response(suggestions);
response(suggestions);
response(suggestions);
response(suggestions);
response(suggestions);
response(suggestions);
response(suggestions);
response(suggestions);
response(suggestions);
response(suggestions);
response(suggestions);
response(suggestions);
response(suggestions);
response(suggestions);
response(suggestions);
...