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 {
 list-style:none;
 padding: 2px;
 margin: 0;
 display:block;
 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)

Upvotes: 1

Views: 177

Answers (1)

Dustin Kingen
Dustin Kingen

Reputation: 21245

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.

JSFiddle

Upvotes: 2

Related Questions