2015-04-16 65 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