如何调整Kendo UI组合框的大小？

Question

我该如何改变Kendo UI ComboBox的宽度？我使用的版本是：2012.3.1114 我尝试过：

#options {
    padding: 30px;
}
#options h3 {
    font-size: 1em;
    font-weight: bold;
    margin: 25px 0 8px 0;
}
.k-combobox{
    width:60px;  }

JavaScript: $("#select").kendoComboBox(); HTML:

<select id="select">
    <option value="null">nada</option>
    <option value="true">ON</option>
    <option value="false">OFF</option>
</select>

文件可以工作，但在jsfiddle中无法使用: 示例

- vicenrele

Answer 1

试一下这个：

$(document).ready(function() {

                $("#select").kendoComboBox();
                $("#select").parent().css('width',"300px");

            });

您也可以像这样做：

$(document).ready(function() {
            $("#select").width(400).kendoComboBox();
                });

- Anass

Answer 2

您可以使用一个!important CSS声明：

.k-combobox{
   width: 125px !important;
}

- user3365562

Answer 3

另一种有用的方式：.HtmlAttributes(new { style = "width: 200px;"})，参考链接：https://stackoverflow.com/a/25725406/1923256

- myd0