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.