Is it possible to achieve a row highlighting effect without javascript?

Question

I want the "tr" that's currently hovered over to change color, and then change back when the mouse is no longer over it. Is this possible using pure CSS, or is javascript the only solution? (I currently have a javascript solution, so I don't need examples of that)

Thanks!

Answer 1

I believe that javascript is the only solution that will provide cross-browser support.

Answer 2

Yes, this is possible in CSS. The example below will have a red background normally, and a green background when the row is hovered over.

tr td { background: #f00; } 
tr:hover td { background: #0f0; }

However, it should be noted that this will not work in IE6, as it does not understand the ":hover" pseudo class on any elements other than <a>.

Answer 3

I think you can use :hover css attribute.