悬浮对井内表格的影响

Question

我在asp.net mvc视图中有以下内容，其中包含一个WebGrid和一个div：

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

但目前网格内没有悬停效果。如果我删除了类=＆＃34;那么＆＃34;我可以看到悬停效果。似乎悬停颜色与井类颜色相同。

Demo

Answer 1

问题不在于你的代码。事实上，Bootstrap将相同的颜色应用于悬停的表格单元格，因为它用于井背景。

使用此CSS反转效果：

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

<强> Demo