JQuery autocomplete result style

Question

I\'m trying to change the style from my AutoComplete result.

I tried:

// Only change the inputs
$(\'.ui-autocomplete-input\').css(\'fontSize\', \'1         


        

Answer 1

Information on styling the Autocomplete widget can be found here: http://docs.jquery.com/UI/Autocomplete#theming

Fiddle

HTML

jQuery

$('#auto').autocomplete({'source':
    ['abc','abd','abe','abf','jkl','mno','pqr','stu','vwx','yz']
});

CSS

ul.ui-autocomplete.ui-menu{width:400px}

/* 
    targets the first result's  element, 
    remove the a at the end to target the li itself 
*/
ul.ui-autocomplete.ui-menu li:first-child a{
    color:blue;
}