JQuery AutoComplete always displays Ordered list?


I am trying to use Jquery autocomplete and yes, Indeed was able to succeed. But, stuck up at this point:

The jquery auto complete fetches the json data, but displays it in a bulleted list.

I tried to modify the jquery.ui.autocomplete.css.

But still then, it contains,

.ui-menu {
 padding: 2px;
 margin: 0;
 float: left;

Note that the list-style is none, but still why a bulleted list is displayed to me ?

(I am currently using MVC 4 default template which comes with visual studio 2012)

Problem courtesy of: now he who must not be named.


Add a snippet to your own css file (e.g. main.css)

.ui-menu {
    list-style: none !important;

This will force the jquery class style to take precedence.


Solution courtesy of: Romoku


There is currently no discussion for this recipe.

This recipe can be found in it's original form on Stack Over Flow.