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.

could you please show us your code ....? – user1409289 Jun 14 '12 at 07:35 — user1409289, Jun 14 '12 at 07:35

score 16 · Answer 1 · answered Jun 15 '12 at 03:11

16

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

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

answered Jun 15 '12 at 03:11

chrisvillanueva

1,349
8
9

score 6 · Answer 2 · answered Nov 25 '13 at 17:36

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;
}

score 3 · Answer 3 · answered Jun 14 '12 at 07:35

3

change the css where it shows bullet property to

list-style:none

answered Jun 14 '12 at 07:35

Murtaza Khursheed Hussain

14,976
7
55
82

score 0 · Answer 4 · answered Nov 13 '13 at 19:53

This is a bug in jquery-ui v1.9.1 and was fixed in v1.10.3. It happens for IE10 and not 11 as noted in the jquery-ui defect report (8844).

The cross-browser workaround (tested in IE6 - 10, Firefox, Chrome, Safari, and Opera) is to apply the following CSS:

.ui-menu-item
{
  /* IE10 fix to remove bullets from showing outside of div*/
    list-style-image: url(data:0);
}

or just use a later version of jquery after v1.9.1.

NOTE: this is different than chrisvillanueva's answer to use list-style: none; just as one user posted similarly in the defect report, however that workaround wasn't accepted as cross-browser and it would seem that list-style-image: url(data:0); is a better alternative according to the defect.

How to remove bullets from jquery autocomplete result

4 Answers4

Linked