JQGRID How to change row number (rownum) text color on selected highlighted rows?

Question

I have a jqgrid looking like this :

I would like to change the rownum text color on the selected rows so it can be white like the rest of the text when highlighted.

I managed to change the default color by doing this in CSS :

.jqgrow .jqgrid-rownum  { background-color: transparent; background-image: none; color:#ffffff}

But i don't know how to do the same for the highlight state.

I tried with .ui-state-highlight but it's not working.

Answer 1

You can do it this way:

.ui-state-highlight > .jqgrid-rownum{color: red !important}

Edit: Example