We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Css for autoComplete


I have implemented a autocomplete search.

However, I don't want to display the textbox. I have attached the screenshots of the theme of how i wish to display it.

cssClass only works for the dropdown of the textbox.

Can you please help me with this


Attachment: autocomplete_11f2c4c1.zip

1 Reply

KV Karthikeyan Viswanathan Syncfusion Team October 20, 2016 06:55 AM UTC

Hi Indrani,  
Thanks for contacting Syncfusion support.  
Query: “I don't want to display the textbox.  
As per your comment, you can customize the autocomplete theme using “cssClass” Property.  
Please find the code snippet below:  
                dataSource: carList,  
                watermarkText: "search for something,.."  
.custom .e-in-wrap.e-box , .custom .e-autocomplete {  
       background-color: transparent;  
       border-color: transparent;  
JS Playground sample link: http://jsplayground.syncfusion.com/pbagwyxu   
Note: You can import your customized theme into the Theme studio and customize the colors and download.  
Try the Theme Studio for customized theme: http://js.syncfusion.com/themestudio/   
Help document for Theme Studio: https://help.syncfusion.com/js/theme-studio   
Karthikeyan V. 

Live Chat Icon For mobile
Up arrow icon