Question

Designing a simple HTML table that I am going to implement alternate-row coloring on… but before I even start to do this, it appears that FF4 has applied alternate-row coloring automatically to the plain HTML table. Even after specifying my own alternate row colors that are shown properly in IE, Chrome, etc, FF still shows it’s own chosen color for the alternate rows (odd numbered rows), which is a light blue color.

I’ve searched all over, but can’t find anything related to this issue – anyone have a solution? Some FF-specific CSS I need to include to ‘force’ it to show my alternate color scheme?

Here is the table markup:

<table id="myTable">
  <tr><td>Bill</td><td>Smith</td></tr>
  <tr class="rowAlternate"><td>Joe</td><td>Blow</td></tr>
</table>

Here is the CSS I am using:

#myTable {margin: 0;}
#myTable tr {background-color: white;}
#myTable tr.rowAlternate {background-color: #EEE;}  

Answer 1

FYI, solution is here: How to create a table WITHOUT alternating row colors when using Blueprint CSS framework?

Not sure if I should delete this question or not.