JSFiddle - React, Tailwind, and code Playground
HTML
<input id="search" />
CSS
.ui-autocomplete-term { font-weight: bold; color: black }
JavaScript
$(document).ready(function() {
var termTemplate = "<span class='ui-autocomplete-term'>%s</span>";
$('#search').autocomplete({
source: ['java', 'javascript', 'asp.net'],
open: function(e,ui) {
var
acData = $(this).data('autocomplete'),
styledTerm = termTemplate.replace('%s', acData.term);
acData
.menu
.element
.find('li')
.each(function() {
var me = $(this);
me.html( me.text().replace(acData.term, styledTerm) );
});
}
});
});