jquery - 悬停对井内表格的影响

Question

我的 asp.net mvc View 中有以下内容，其中包含一个 WebGrid 和一个 div:

<div class="well">
var grid = new WebGrid(
            tableStyle: "table table-bordered table-hover",

但目前网格内没有悬停效果。如果我删除 class="well"我可以看到悬停效果。看起来悬停颜色与井类颜色相同。

<强> Demo

Answer 1

问题不在于您的代码。事实上，Bootstrap 对悬停的表格单元格应用了与井背景相同的颜色。

使用此 CSS 反转效果:

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

<强> Demo