Thursday, September 18, 2014

Custom CSS style for AJAX AutoComplete Extender



 <asp:AutoCompleteExtender ID="AutoCompleteExtender1" runat="server"

     ...

     ...

     CompletionListCssClass="completionListCSS"

     CompletionListItemCssClass="listItemCSS"

     CompletionListHighlightedItemCssClass="itemHighlightedCSS">  

 </asp:AutoCompleteExtender>


 CSS style:

<style type="text/css">

        .completionListCSS {

        border:solid 1px Gray;

        margin:0px;

        padding:3px;

        height: 120px;

        overflow:auto;

        background-color: #FFFFFF;   

        }

        .listItemCSS {

        color: #191919;

        }

        .itemHighlightedCSS {

        background-color: #ADD6FF;     

        }

    </style>

Custom CSS style for AJAX AutoComplete Extender