We all (those of us who use JQueryUI) know that there is a JQueryUI CSS file which governs how each of the UI elements appear on the web pages.

However, from what I found, there is no item that directly changes the font size of the suggested elements that fill the list. And, from what I could see, the font was just too big for my needs.

I finally found a page that showed what the markup is when the autocomplete suggestions appear, and I came up with a couple of items that I put together to change the text size:

.ui-autocomplete .ui-menu-item
{ font-size:x-small;}

Of course, you can dress it up any way you want, but that’s how it’s done – just create the selector shown above and change the style any way you’d like.