如何用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

取自their documentation

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

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

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

Answer 3

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

.k-autocomplete {
    width: 300px;
}