Css Twitter引导删除带有行条纹的表格行高亮显示

有没有一种简单的方法可以从twitter引导中删除tr:hover样式，这样我仍然可以使用他们的表格样式，而不会在hover上突出显示行？

覆盖这些规则：

.table tbody tr:hover td,
.table tbody tr:hover th {
  background-color: #f5f5f5;
}

使用此选项：

.table tbody tr:hover td,
.table tbody tr:hover th {
  background-color: transparent;
}

---

@Blender的答案是正确的，但只有当您使用桌上的

.table striped

类时，才是而不是

如果正在使用

.table striped

类，则当您将鼠标悬停在具有浅灰色条纹的行上时，行高亮显示不会消失

当您将鼠标悬停在浅灰色行上时，该行将从浅灰色变为透明（白色），因此您将无意中在所有浅灰色行上实现行悬停效果

如果你也需要去除条纹行的悬停效果，那么在Blender的原始答案的基础上，我认为你会有另一条规则来克服：

。表tbody tr:hover td，
.表tbody tr：悬停{
背景色：透明；
}
.表格带条纹的tbody tr:n子项（奇数）：悬停td{
背景色：#F9F9F9；
}

好例子：这里有一个链接，指向一个正在工作的JSFIDLE示例，其中.table条带化类被考虑在内：

buggy示例：下面是一个示例，其中表行悬停仍然发生（在灰色行上），因为灰色行悬停未被考虑：

---

​

您的表是否使用引导“table striped”类？如果是，请查看我在下面添加的jsfiddle，看看如果不考虑“table striped”类会发生什么。这太棒了，但是您忘记了第二个块的附加奇数悬停状态：

。table striped tbodle tr:nth child（odd）：hover th