Question

I am using below code to apply different background color to odd and even rows:

$('#tbl tr:odd').css('background-color', '#ECF6FC');
$('#tbl tr:even').css('background-color', '#ffffff');

But odd and even rows show up differently in FF and IE, for example:

FF:

IE:

As can be seen, in FF, first row turns out to be white while in IE the first row turns out to be blue. Why it is happening, what is the fix for this?

Answer 1

try

$('#tbl tr:nth-child(odd)').css('background-color', '#ECF6FC'); 
$('#tbl tr:nth-child(even)').css('background-color', '#ffffff');

it should work