Kendo AutoComplete 设置自定义 CSS 类而不是默认的？答案

【问题标题】：Kendo AutoComplete set custom CSS class instead of the default?Kendo AutoComplete 设置自定义 CSS 类而不是默认的？
【发布时间】：2014-10-27 08:00:52
【问题描述】：

Kendo 自动完成输入具有名为 k-input 的默认类。

我想问一下，如何为这些输入设置完整的自定义类（宽度、高度等）？

我试图在文档中找到一些信息但没有运气：

http://docs.telerik.com/kendo-ui/api/javascript/ui/autocomplete#fields-options

谁能告诉我该怎么做？

感谢您的任何建议。

【问题讨论】：

标签： javascript kendo-ui

【解决方案1】：

假设你的自动完成的id 是countries 做：

var ac = $("#countries").kendoAutoComplete({
    ...
}).data("kendoAutoComplete");
// Setting width
ac.wrapper.css("width", "300px");
// Setting height
ac.input.css("height", "3em");

或者使用 CSS 设置高度：

#countries {
    height: 3em;
}

注意您也可以仅使用 CSS 设置高度，但不能仅将宽度设置为一次自动完成。 CSS 将是：

span.k-widget.k-autocomplete.k-header {
    width: 500px;
}

【讨论】：

【解决方案2】：

试试这个：

$("#yourElementsId").removeClass("k-input");

【讨论】：