所有行的引导表悬停，而不仅仅是其他行答案

【问题标题】：Bootstrap table-hover for all rows, not just every other所有行的引导表悬停，而不仅仅是其他行
【发布时间】：2014-11-27 17:15:55
【问题描述】：

我正在使用 Bootstrap 3 并将 table-striped table-hover 应用于我的表类。

但是，我已将默认条纹颜色更改为绿色。所以我的专栏有绿 - 白 - 绿 - 白。

现在，当我悬停时，白色变成蓝色。这可以。但是当我将鼠标悬停在绿色上时，它会保持绿色。

如何让每一行在悬停时显示#ecf3f8？

我试过没有用：

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

【问题讨论】：

【解决方案1】：

试试这个：

.table-hover tbody tr:hover td {
  background: #ecf3f8 !important;
}

编辑：也试试这个：

.table-hover > tbody > tr:hover > td {
  background: #ecf3f8 !important;
}

【讨论】：

【解决方案2】：

听起来像是一个特异性问题。请尝试以下操作：

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

【讨论】：

【解决方案3】：

试试这个：

.table-striped tbody tr:hover td,
.table-striped tbody tr:hover th {
    background-color: #ecf3f8
}

【讨论】：