PDA

View Full Version : grid:hover css for IE?



ferr
14 Nov 2007, 8:18 AM
I am currently using this CSS code to highlight / change the color of a row that is currently being hovered over in a grid:

.x-grid-row:hover{background-color:#d0def0;}
It works fine in Firefox, but does nothing in IE6. Is there an alternative property that IE uses?

tryanDLS
14 Nov 2007, 9:51 AM
You probably need to do it on the TD. Look at the x-grid-row-over class - I would think you just want to add an override with a different color.

ferr
14 Nov 2007, 10:34 AM
That's in there by default, it doesn't seem to have any affect on it. I think that was one of the classes I looked into before when I was originally attempting to add a highlight feature to my grid, and I ended up only having success (in firefox) with the code in the first post.

line 276 of ext-all.css

.x-grid-row-over td{background-color:#d9e8fb;}

Whatever is used in the paging grid example should work for me. It works in both IE and FF.