CODEWITHSUNDEEP
jqueryjqgrid
leora
leora

Reputation: 196459

why can't i change the hovered row backcolor in jqGrid?

I am using jqgrid with jquery UI themeroller. I cannot figure out how to change the backcolor of the row as i am hovering over it. It shows up with a greyish color (that i assume is coming from somewhere in my jquery UI css theme) when I hover

I have tried to change the 

.ui-state-highlight

css but that doesn't seem to do anything for the actual hover (only affect when you click on a row)

any suggestions for how i can change the backcolor for jqgrid when i highlight over a row?

Upvotes: 4

Views: 4851

Answers (1)

Sushanth --
Sushanth --

Reputation: 55740

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

Try this

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

Make sure this is included after the styles for jqGrid are included

Upvotes: 5

Related Questions