How to remove bullets from jquery autocomplete result

Question

My jquery-ajax autocomplete result shows a bulleted list. I want to remove the bullets. I don't understand where and what i need to change in jquery-ui-1.8.21.custom.css (downloaded from JQuery UI website).

Any suggestions would be highly appreciated.

Thanks in advance.

Answer 1

jQuery-ui-1.10.3

This works in Chrome, IE, and Firefox. It also removes the left margin where the bullet used to be. It's derived from w3Schools http://www.w3schools.com/CSS/css_list.asp

ul.ui-autocomplete {
    list-style: none;
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

Answer 2

make sure the default ui autocomplete class contains list-style: none.

ul.ui-autocomplete {
    list-style: none;
}

Answer 3

change the css where it shows bullet property to

list-style:none