Как изменить размер 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