剑道自动完成如何禁用默认css样式答案

【问题标题】：Kendo Autocomplete how to disable default css style剑道自动完成如何禁用默认css样式
【发布时间】：2014-11-07 09:40:54
【问题描述】：

我使用 Twitter Bootstrap 设置了表单输入的样式。

我需要添加 Kendo 自动完成输入，但问题是每个初始化的自动完成输入都会覆盖我的 CSS 输入样式（见下图）。左侧输入使用 Kendo Autocomplete 设置样式，右侧输入使用 Bootstrap 设置样式。

是否有可能禁用表单输入的剑道输入样式？

感谢您的帮助。

【问题讨论】：

只需使用 firebug 查找元素并覆盖该 kendo 类，我认为这是更快的解决方案
是的，有可能。必要时在您自己的样式上使用!important。
或者在小部件渲染后从输入中删除'k-input'类。
@Brett：我认为这是一种不好的做法，只是因为如果您需要设置除 !important 之外的一种特定类型的输入，这将变得非常棘手，并非不可能，但您会遇到问题如果您按照 Miomir Dancevic 建议的方式进行操作，则不会。

标签： jquery css twitter-bootstrap kendo-ui

【解决方案1】：

我也遇到过这个问题，请在下面找到解决方案。

<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>

你的控件初始化

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

就是这样。。

谢谢开发

【讨论】：