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

Question

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?

Answer 1

要定位悬停状态，您需要覆盖.ui-state-hover类

尝试这个

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

确保在包含 jqGrid 的样式之后将其包含在内