Styling KendoUI combo box

Question

I want to set style for required and invalid fields for KendoUI items (for example different background color for required input).

Style that I am using is here:

.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;
}

Here is jsfiddle: http://jsfiddle.net/spuljko/wTev8/8/

DatePicker works OK, but I can't set style for required or invalid combo box.

Answer 1

Try this,

.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;
}

Demo:http://jsbin.com/ivoqup/12/edit