The default autocomplete implementation doesn't change anything visual about the input element. Functionally speaking, we don't want the input element changed. All we need is the drop-down component once the user starts typing. But let's see if we can go ahead and change the virtual appearance of the autocomplete input element using components from the widget framework and the theme framework.
We'll use the following markup for our example, a simple
label element and a simple
<div> <label for="autocomplete">Items: </label> <input id="autocomplete"/> </div>
We'll use the following code to extend the autocomplete widget with the CSS classes from the theme framework we'd ...