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

Posted 2023-05-07

【中文标题】如何调整剑道 ui 组合框的大小？

【英文标题】：How to resize a kendo ui combobox?

【发布时间】：2013-01-24 14:19:45

【问题描述】：

如何更改 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

【参考方案1】：

试试这个：

$(document).ready(function() 

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

            );

你也可以这样做：

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

【参考方案2】：

您可以使用 !important css 声明：

.k-combobox
   width: 125px !important;

【参考方案3】：

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