造型KendoUI组合框

时间:2013-08-20 01:23:18

标签: css validation styles kendo-ui kendo-combobox

我想为KendoUI项目设置必需和无效字段的样式(例如,所需输入的背景颜色不同)。

我正在使用的风格是:

.k-textbox>input[required], 
.k-picker-wrap .k-input[required], 
.k-datepicker .k-input[required], 
.k-dropdown-wrap .k-input[required] {
   background-color: yellow;
}

.k-invalid {
   background-color: pink !important;
}

这是jsfiddle:http://jsfiddle.net/spuljko/wTev8/8/

DatePicker工作正常,但我无法为必需或无效的组合框设置样式。

1 个答案:

答案 0 :(得分:0)

试试这个,

.k-input, input.k-textbox, textarea.k-textbox, input.k-textbox:hover, textarea.k-textbox:hover, .k-textbox > input{
background-color: yellow  !important;
}

.otherCombo .k-dropdown-wrap .k-input{
  background-color: blue !important;
}

演示:http://jsbin.com/ivoqup/12/edit