如何调整kendo ui组合框的大小？

Question

如何更改kendo ui组合框的宽度？我用的版本: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:example

Answer 1

试试这个 :

$(document).ready(function() {

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

            });

你也可以这样做:

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