Question

bootstrap中的table-hover类将默认的border-top应用于所有行。 see getBootstrap definition

如何更改所有行的边框顶部颜色？我知道我可以使用以下内容更改悬停背景颜色：

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

添加

border-color:1px solid black;

没有工作。

添加

.table {
  border-color: 1px solid black;
}

也不会工作。

这是我的表结构

.tab {
    font-size:1em;
    color:black;
    font-family: monospace;
    margin-top:60px;
    text-align:center;
    float:left;
    width:30%;
  }


<div class="container">
    <div class="tab">
        <table class="table table-hover ">
            <thead>
                <tr>
                    <td><b>All Users</b></td>
                </tr>
            </thead>
            <tbody>
                something..
            </tbody>
        </table>
    </div>
</div>

由于

Answer 1

这就是你要找的东西：

tr:hover {
    background-color: #ffff99;
}

看看这个 http://jsfiddle.net/Lhh3f8eo/

Answer 2

您可以像这样更改边框颜色：

.table > tbody > tr > td, 
.table > tbody > tr > th {
    border-top-color: #fff;
}

Answer 3

.table-hover tr:hover td, .table-hover tr:hover th {
   border-top-color: #fff;
}

Demo

Bootstrap table-hover border-top颜色变化

3 个答案: