如何调整kendo ui combobox的大小？

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：example

Answer 1

试试这个：

$(document).ready(function() { 

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

      }); 

你也可以做这样的：

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

Answer 2

您可以使用CSS重要声明：

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

Answer 3

其他有用的方法：.HtmlAttributes(new { style = "width: 200px;"}) 通过https://stackoverflow.com/a/25725406/1923256