html - Bootstrap table-hover border-top 颜色变化

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/