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