css - 造型 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