css - Twitter Bootstrap 删除 tr 悬停？

Question

是否有任何简单的方法来删除某些 tr 的 tr hover，而不是所有的？我看到了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 .