2014-01-26 67 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%; 
}