引导表悬停边框顶部颜色更改

Question

引导程序中的表悬停类会将灰色的默认边框顶部应用于所有行。 请参阅 getBootstrap 定义

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

.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;
}

演示