0

I have a jqgrid with multi select. When i select any row the background is getting changed but the color of that text is not changing. Can anyone help me to solve this please.

.ui-jqgrid-btable .ui-state-highlight 
{
    background : #72A0C1;
    color : white;
 }
Dileep Nani
  • 19
  • 2
  • Yes.. But I didn't get the result – Dileep Nani Jun 21 '16 at 12:15
  • You should use the inspector tools of your browser to check whether your color proberty is overriden by something. Try `color: white !important;`. However this is no clean solution and you should only use it as a test. – Rico Ocepek Jun 21 '16 at 12:24
  • Yea i have already tried with that . But its not working – Dileep Nani Jun 21 '16 at 12:25
  • As Rico mentioned you need to find out(using dev tool) if and which css rule is overriding your above color declaration. After that you can use a different class combination to apply your css or if everything fails then use javascript to apply your color property. – Anupam Jun 21 '16 at 12:29
  • I am not getting any solution as i am new to this. – Dileep Nani Jun 21 '16 at 12:50

1 Answers1

0

You can use following CSS in your code

    .ui-state-highlight{     
    color: #FF0000!important;
}

Here just you need to use !important in your code. Click here for working demo

Manish kumar
  • 109
  • 8