如何使用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;
}