2015-04-16 39 views
0

引导程序中的表格悬停类将灰色颜色的默认边框顶部应用于所有行。 see getBootstrap definitionBootstrap表格悬停边框颜色变化

如何更改所有行的边框顶部颜色? 我知道我可以用改变悬停背景颜色以下:

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

感谢

回答

1

你可以改变边框颜色是这样的:

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

它的工作原理。我发现这也是可行的 table,th,td {border}:1px纯黑; } – loop

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

Demo