2014-01-26 68 views
0

Kendo UI,对于选择控件的样式有一个很好的功能。更改宽度kendo ui选择下拉菜单?

像这样简单:

的Javascript

$(".form-group").find("select:not([multiple])").kendoDropDownList().end() 

的Html

<div class="form-group"> 
<select id="language"> 
    <option selected>English</option> 
    <option>German</option> 
</select> 
</div> 

它改变选择下拉的样子,但我得到的问题,它的变化和选择宽度以一些疯狂的像素宽度像174px ,但我想有100%的价值,父母的元素? 有没有人为此喝过?

+0

什么是.END()方法调用这里的目的是什么? – pwdst

+0

对不起,我很困惑!你有一个kendoDropDownList,但你想调整DDL的宽度来取100%容器的宽度,对吗? – Mahib

+0

.k-widget.k-dropdown { \t width:100%; } .k-widget.k-tabstrip> input.k-textbox { \t width:100%; } – Schneider

回答

0

尝试增加这个自定义样式剑道UI CSS声明之后:

CSS

span.k-dropdown { 
    width: 100%; 
}