更改宽度 kendo ui 选择下拉菜单？答案

【问题标题】：Changing width kendo ui select dropdown?更改宽度 kendo ui 选择下拉菜单？
【发布时间】：2014-01-26 14:15:11
【问题描述】：

Kendo UI，具有出色的样式选择控件功能。

就这么简单：

Javascript

$(".form-group").find("select:not([multiple])").kendoDropDownList().end()

HTML

<div class="form-group">
 <select id="language">
   <option selected>English</option>
   <option>German</option>
 </select>
</div>

它改变了选择下拉列表的外观，但我遇到了问题，它改变并选择宽度到一些疯狂的像素宽度，如 174px，但我想将该值 100% 设置为父元素？有人对此有解决方案吗？

【问题讨论】：

这里调用.end()方法的目的是什么？
对不起，我很困惑！你有一个 kendoDropDownList 但你想调整 DDL 的宽度以占用容器的 100% 宽度，对吧？？
.k-widget.k-dropdown { width:100%; } .k-widget.k-tabstrip > input.k-textbox { 宽度：100%; }

【解决方案1】：

尝试在 kendo ui css 声明之后添加此自定义样式：

CSS

span.k-dropdown {
   width: 100%;
}

【讨论】：