Twitter bootstrap删除tr悬停？

Question

有没有简单的方法来删除特定tr的tr悬停，而不是全部？ 我看到This，但它适用于所有表行。

谢谢！

Answer 1

您可以通过向您不希望应用悬停背景颜色的行添加类来实现此目的。

.table-hover>tbody>tr.anti-hover:hover>td,
.table-hover>tbody>tr.anti-hover:hover>th {
  background: white;
}

你的桌子看起来像这样：

<table class="table table-hover">
  <tr class="">
    <td>This</td>
    <td>has</td>
    <td>hover</td>
  </tr>
  <tr class="anti-hover">
    <td>No</td>
    <td>hover</td>
    <td>here</td>
  </tr>
</table>

Bootply示例here。