Row highlight does not work when class has a background-clolor

Question

This is more a CSS / javascript question but since the problem occurs in Apex I'll try my luck here.
I try to implement a row highlight feature that worked in 3.2 but not in 4.0. The difference is that the style that is used for the table cells contains a background-color in the 4.0 template and it did not in 3.2.
This is how it works.
I created a report template with "before each row" : <tr onMouseOver="cOn(this);" onMouseOut="cOut(this);">
The javascript does this:
function cOn(td) {
   if(document.getElementById||(document.all && !(document.getElementById))) {
      if (td.previousSibling != null) {
          td.style.backgroundColor="#FFFF99";
          td.style.color="#000000";         
}My thought was that td.style.backgroundColor="#FFFF99" would overrule the background color given by the class but when this happens from within javascript this does not work. Is this proper behaviour? Are there other methods that will work?

Answer 1

Hi Rene
If you are just looking for a row highlight on a mouse hover, it might be easier to place the following in the html header of the page:
<style = text/css>
.apexir_WORKSHEET_DATA tr:hover td {
background-color: #FFFF99 !important;
color: #000000 !important;
</style>
~Andrew Schultz