Kendo Autocomplete how to disable default css style

Question

I have styled form inputs using Twitter Bootstrap.

I need to add Kendo autocomplete input, but problem is that each initialized autocomplete input overrides my CSS styles for input (See image below). Left input is styled using Kendo Autocomplete, Input on the right is styled by Bootstrap.

Is any possibility to disable Kendo input styling of the input in form?

Thanks for any help.

Answer 1

I also faced this problem, find the solution below.

<style type="text/css">
/*The below is to remove the css for the autocomplete control - Job Title */
        .autocomplete {
            display: inline-block !important;
            border: 0 !important;
            background: none !important;
            box-shadow: none !important;
        }
</style>

Your control initialization

$("#title").kendoAutoComplete({
                    dataSource: data.Sample,
                    dataTextField: "title_Cd",
                    filter: "startswith"
                }) .parent()
                    .addClass('autocomplete');

Thats it..

Thanks Dev