html - 使用CSS在firefox中更改tr的背景颜色时出现问题

Question

我有一个表，其中包含交替类的行，我试图突出显示悬停在使用 css 上的行。

这是我使用的 CSS:

.gridrowclass1 {
    background-color : #bbb00b
}

.gridrowclass1:hover {
    background-color: bisque;
}

.gridrowclass2 {  
    background-color: #d18915;
}

.gridrowclass2:hover {
    background-color: bisque;
}

这在 chrome 上工作正常，但在 Firefox 3.6.18 上不工作。我的问题是我在这里做错了什么，或者这是我使用的 Firefox 版本的问题，以及这是否适用于较新的版本。我目前无法在任何其他浏览器上尝试这个。谷歌搜索没有显示我遗漏的任何内容。如果这不起作用，我将不得不求助于 onMouse* 事件，但我不想这样做。

Answer 1

我前段时间遇到了同样的问题。我是通过使用来解决的:

.gridrowclass1 {
    background-color : #bbb00b
}

.gridrowclass1 td:hover {
    background-color: bisque;
}

.gridrowclass2 {  
    background-color: #d18915;
}

.gridrowclass2 td:hover {
    background-color: bisque;
}

如果鼠标悬停在 td 元素上，firefox 似乎无法识别 tr 的悬停