Kendo AutoComplete设置自定义CSS类而不是默认值?

时间:2014-10-27 08:00:52

标签: javascript kendo-ui

Kendo Autocomplete输入具有名为k-input的默认类。

我想问一下,如何为这些输入设置完整的自定义类(宽度,高度等)?

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

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

有人可以告诉我,我该怎么办呢?

感谢您的任何建议。

2 个答案:

答案 0 :(得分:0)

试试这个:

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

答案 1 :(得分:0)

假设自动填充的idcountries,请执行:

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