Bootstrap表格行悬停

Question

如何在Bootstrap 3中使表格行的背景在悬停时更改。我目前正在使用的表格类是`table table-striped`。我试图为表格中的``标签添加一个额外的类，并将CSS设置为`.table-row:hover{background:black;}`。现在只有非斑马线行有效。Bootstrap中是否有一个类可以让我轻松实现这个效果？还是我应该使用jQuery来解决这个问题？我真的无法自己解决这个问题。

- user6827

Answer 1

您需要将 table-hover 类添加到 <table/> 元素中。就像这样：

<table class="table table-striped table-hover">
    <tbody>
       <tr>
           <td>Col 1</td>
           <td>Col 2 </td>
       </tr>
    </tbody>
</table>

来源：文档

- jraede

---

注意，你需要在table-hover之前添加table-striped，否则带条纹的行在悬停时不会高亮显示。 - Georgii Oleinikov

@GeorgiiOleinikov，事实上，在Bootstrap 3中情况恰恰相反，但还是谢谢你的提示！ - GôTô

适用于 tbody 中的 tr 的代码。对于像 asp.net gridview 生成的表格，它也适用于 th。 - Jeff Binnig