Why can't I change the changed row color in jqGrid?

Question

I am using jqgrid with jerery UI themeroller. I can’t figure out how to reverse the line in the line when I hang over it. It appears with a grayish color (which I suppose comes from somewhere in my jQuery jQuery theme) when I find

I tried to change

.ui-state-highlight 

css, but this doesn't seem to do anything for the actual hover (only affects when clicking on a line)

Any suggestions on how I can change the background color for jqgrid when I highlight above the line?

Answer 1

To target hover state, you need to override the .ui-state-hover class

try it

 .ui-state-hover { border : 1px solid blue; background: green; } 

Make sure this is enabled after enabling styles for jqGrid