Bootstrap 表格悬停边框顶部颜色更改答案

【问题标题】：Bootstrap table-hover border-top color changeBootstrap 表格悬停边框顶部颜色更改
【发布时间】：2015-04-16 23:31:13
【问题描述】：

bootstrap 中的 table-hover 类将灰色的默认边框顶部应用于所有行。 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>

谢谢

【问题讨论】：

标签： html css twitter-bootstrap

【解决方案1】：

这是你要找的吗：

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

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

【讨论】：

【解决方案2】：

你可以像这样改变边框颜色：

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

【讨论】：

它有效。我发现这也适用于 table, th, td { border: 1px solid black; }

【解决方案3】：

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

Demo

【讨论】：