kendo-ui - 如何使用 css 设置 kendo ui 自动完成宽度？

Question

如何使用 css 设置自动完成的宽度？我知道我可以在我声明它时设置宽度，就像这样。

@(Html.Kendo().AutoComplete().Name("test").HtmlAttributes(new { style="width:400px"}))

但我想知道如何在css中做到这一点。我尝试了以下但没有用

 .k-autocomplete .k-header
{
    width: 300px;

}

Answer 1

只需这样做：

.k-autocomplete.k-header {
    width: 300px;
}

删除 CSS 类选择器之间的空格。

Answer 2

取自他们的文档

var autoComplete = $("#autoComplete").data("kendoAutoComplete");

// set width of the drop-down list
autoComplete.list.width(400);

初始化时这不是配置的一部分似乎有点奇怪..也许这只是我。

Answer 3

对 2020 年的我来说，答案很简单：

.k-autocomplete {
    width: 300px;
}