Custom Cursor Highlight

[jtrapat1]

I'm trying to highlight a row in a table and turn it gray when the user moves the mouse over a particular cell.

I know how to do this in HTML -
<tr onMouseOver=style.backgroundColor='silver'
onMouseOut=style.backgroundColor='white'</tr>

But how do I add this functionality to a .css?

Thanks in Advance.
John

[QuietDean]

Hi there.

Try -

onMouseOver="this.className='newClass'

Then make a .newClass in your .css file to make it work.

[jtrapat1]

Thanks for the response.

I just don't know how to define this in my .css file.

Can't I make a new tag for TR like the TD tag:

tr {

color:#000000;
font-size:12
}

[QuietDean]

Hmm. You are better off using classes.

Try my tutorial, http://css.somepeople.net , its got an intro to classes.

By using classes you are not limited to one tag. It can apply to anything.