How to remove bullets and underline from auto complete

Question

I did autocomplete using jquery and web service. Auto complete is showing with bullets and underline.

How can I remove it?

Answer 1

You can easily do this by adding a css

list-style-type: none;

And for removing the underline use

text-decoration: none;

Or you can try this with jquery

$('.ui-autocomplete').css('list-style-type', 'none');
$('.ui-autocomplete').css('text-decoration', 'none');

Answer 2

Just add some Jquery statements and get easily:

  $('#myInput').autocomplete({ source: function (event, ui) {
      ...
      .....
      ......
      $('.ui-autocomplete').css('list-style-type', 'none').css('text-decoration', 'none');
    });

Or Try to set CSS style :

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