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的悬停

Answer 2

检查第一个颜色值后缺少的分号是否有问题。我认为这是问题 - 尝试添加分号 - 它应该工作

使用CSS在firefox中改变tr的背景颜色的问题

2 个答案: