Css 如何在kendoAutoComplete上设置

我已经尝试了所有我知道如何正确设置

kendoAutoComplete

上的宽度的方法（但失败了）。我最新的尝试（如下）是基于JS的，但我也尝试了许多CSS解决方案

我看到的问题是，无论我选择的宽度是多少，实际输入区域的宽度都保持一致，然后在右侧有一个奇怪的灰色区域：

这是悬停状态（灰色框消失）：

但不要被一个大文本框的外观所愚弄。以下是您开始键入时发生的情况：

我试过：

var autoComplete = $("#gridFilter").data("kendoAutoComplete");
autoComplete.list.width(400);

及

还有…各种CSS解决方案

为什么要设置一个愚蠢的自动完成的宽度这么难？我错过了什么

我希望我的自动完成宽度为100%，以填补其容器

如果您能帮助我理解为什么Telerik总是让我想伤害自己，我将获得额外积分。

编辑

好的，我已经（部分）弄明白了。我暂时从页面中删除了引导CSS，输入工作正常

---

如果我发现有问题的CSS，我会在这里发布一个答案。

如上编辑中所述，默认引导CSS与样式冲突。特别是

max width

属性。下面的CSS修复了它：

<input id="gridFilter" style="max-width: 10000px; width:100%;" />

您是如何设置的？它和100%宽度的kendoAutoComplete有什么不同吗？我看不出有什么不同。“为什么Telerik总是让我想伤害自己？”因为拥有强大的功能就意味着强大。。。就在这个时候，本叔叔自己被枪杀了。要解决这个问题，试着转移你的愤怒或将你的愤怒转移到他们身上！这太可怕了！谢谢

<input id="gridFilter" style="max-width: 10000px; width:100%;" />