ブートストラップテーブルホバークラスからホバーを削除する

Question

私が望むのは、この<th></th>ホバー要素を削除することです。私はブートストラップテーブルのクラステーブルのホバーを使用して、うまく動作しますが、私が望むのは、テーブルヘッダーのホバーを削除することです。私はこのように多くのCSSを試しました。場合、私はthe documentationからブートストラップv3.3.7（http://getbootstrap.com）

.table th:hover { 
    background-color: none !important; 
} 

もこの

.table tbody tr:hover th { 
    background-color: transparent; 
} 

となど

.table tbody tr:hover th { 
    background-color: transparent; 
} 

Answer 1

を使用しています、ブートストラップだけでテーブルの行の上にホバー効果を適用しますテーブルはtable-hoverクラスです（例：

）。

そのクラスを削除するだけです。あなたがそれを行うことができない場合は、このようないくつかのCSSをオーバーライドすることができます：

.table-hover>tbody>tr:hover { 
    background-color: #ffffff; /* Assuming you want the hover color to be white */ 
} 

注ヘッダ内の任意の行はは適用ホバースタイルを持っていないが、あなたはあなたのテーブルを確保する必要があること次のようになります。

<table class="table table-hover"> 
    <thead> 
     <tr><th>head cell</th></tr> 
    </thead> 
    <tbody> 
     <tr><td>body cell</td></tr> 
    </tbody> 
</table> 

あなたのヘッダー行がテーブルの上にない場合は、特別なクラスでそれらをオーバーライドすることができます：

.table-hover>tbody>tr.no-hover:hover { 
    background-color: #ffffff; 
} 

と使用方法の一例：

<table class="table table-hover"> 
    <tr><td>body cell</td></tr> 
    <tr class="no-hover"><th>head cell</th></tr> 
    <tr><td>body cell</td></tr> 
</table> 

Answer 2

<thead>タグ内のヘッダー<tr>を入れ、 <th></th> ホバーを削除します。他の<tr>は<tbody>の中にあります。

はこれを試してみてください - あなたより

<table class="table table-bordered table-hover"> 
    <thead> 
     <tr> 
     <th>Firstname</th> 
     <th>Lastname</th> 
     <th>Email</th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr> 
     <td>John</td> 
     <td>Doe</td> 
     <td>john@example.com</td> 
     </tr> 
     <tr> 
     <td>Mary</td> 
     <td>Moe</td> 
     <td>mary@example.com</td> 
     </tr> 
     <tr> 
     <td>July</td> 
     <td>Dooley</td> 
     <td>july@example.com</td> 
     </tr> 
    </tbody> 
    </table>