设计KendoUI组合框的样式

Question

我想为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工作正常，但我无法为必需或无效的组合框设置样式。

Answer 1

试试这个，

.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