title: Change font color and background in html on mouseover
body: <p>I'm using a small piece of inline HTML code to change the background of a cell color in a table on mouse hover. I use this on specific table cells only, so not all cells need this to happen.</p>
  
  <pre><code>&lt;td  bgcolor="#000000" onmouseover="this.bgColor='white'" onmouseout="this.bgColor='black'"  &gt;
  </code></pre>
  
  <p>This works nicely, but I would also like to change the font color.</p>
  
  <p>So that it by default is a black cell with white text</p>
  
  <p>But on mouseover the bgcolor is white and the text is black, how should I do that ?</p>