Как установить ширину автозаполнения Kendo UI с помощью CSS?

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