Question

How would I style my <ul> in this code,

$.widget( "custom.catcomplete", $.ui.autocomplete, {
    _renderMenu: function( ul, items ) {
        var self = this,
            currentCategory = "";
        $.each( items, function( index, item ) {
            if ( item.category != currentCategory ) {
                ul.append( "<li class='ui-autocomplete-category'>" + item.category + "</li>" );
                currentCategory = item.category;
            }
            self._renderItem( ul, item );
        });
    }
});

I believe I can put my custom style in my <ul> tag but how would I do it? Thanks in advance.

Answer 1

If you just inspect the element in firefox you can see what style it is, then create a style for it. Otherwise, you can use $(element).css(). Ref. http://api.jquery.com/css/