How to – Remove Bullets From ASP.NET AjaxControlToolkit AutoCompleteExtender

Today I decided to improve the look of my AutoCompleteExtender. One of the things that I wanted to get rid of was the bullets displayed on the left of each list item in the auto-complete list.

There are many discussions on the net about this subject many of them talks about including “list-style-type:none;” in the following classes of the AutoCompleteExtender:

  • CompletionListCssClass
  • CompletionListItemCssClass
  • CompletionListHighlightedItemCssClass

And none of them worked for me! Actually you don't need “CompletionListItemCssClass” and “CompletionListHighlightedItemCssClass” classes for this.

All you need to do is include “padding:0px 0px 0px 0px;” in “CompletionListCssClass” class and the bullets will be gone. I have spent some time on this, and I hope I can save some time for others with this post.

Hope this helps someone.

Good luck,
Serdar.

2 thoughts on “How to – Remove Bullets From ASP.NET AjaxControlToolkit AutoCompleteExtender

Leave a Reply

Your email address will not be published. Required fields are marked *