
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.
SAVED MY LIFE
I’m glad I could help! Thanks for dropping a line 🙂