This is a migrated thread and some comments may be shown as answers.

How to remove all CSS styles coming with auto complete?

2 Answers 821 Views
AutoComplete
This is a migrated thread and some comments may be shown as answers.
Pavel
Top achievements
Rank 1
Pavel asked on 29 Jun 2014, 11:28 AM
How to remove all default CSS styles coming with auto complete for the input field? I prefer to use my own.

2 Answers, 1 is accepted

Sort by
0
Pavel
Top achievements
Rank 1
answered on 29 Jun 2014, 11:30 AM
Is there a documentation about the styles I have to overwrite to restyle the dropdown?
0
Iliana Dyankova
Telerik team
answered on 01 Jul 2014, 08:34 AM
Hi Pavel,

There is no a built-in option for disabling the styling of a particular Kendo UI widget. In order to customize the appearance of the AutoComplete I can suggest the following:
-  Use the Kendo UI ThemeBuilder;
-  Use some browser inspector to check what HTML / CSS rules are applied in a given situation and override the styles using selectors with higher specificity (documentation link);
- Use jQuery API and remove the default classes applied to the widget. As an example: 
$("#input").removeClass('k-input').parent().removeClass("k-widget k-autocomplete k-header");

Regards,
Iliana Nikolova
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
Tags
AutoComplete
Asked by
Pavel
Top achievements
Rank 1
Answers by
Pavel
Top achievements
Rank 1
Iliana Dyankova
Telerik team
Share this question
or