Twitter Bootstrap刪除表格行亮點與條紋

Question

是否有一種簡單的方法可以從twitter bootstrap中刪除tr：hover樣式，這樣我仍然可以使用它們的表格樣式而不會在懸停時獲得行高亮？

Answer 1

@ Blender的答案是正確的，但前提是你不使用你的桌子上的.table-striped類。

如果您使用.table-striped類爲，則將鼠標懸停在具有淺灰色條紋的行上時，行高亮不會消失。

當您將鼠標懸停在淺灰色的行上時，會發生什麼情況，行將從淺灰色變爲透明（白色），因此您將無意中在所有淺灰色上實施了行懸停效果彩色的行。

如果你需要遠離條紋行懸停效果爲好，然後在Blender的原來的答案建設，我認爲你還會有一個規則爲忽略：

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


.table-striped tbody tr:nth-child(odd):hover td { 
    background-color: #F9F9F9; 
} 

很好的例子 ：下面是一個工作的jsfiddle例子的鏈接，其中。表條紋類佔： http://jsfiddle.net/pXWjq/

馬車例如：這裏的地方表格行懸停仍然發生的例子（灰色行），因爲灰色行懸停不佔： http://jsfiddle.net/448Rb/

Answer 2

覆蓋這些規則：

.table tbody tr:hover td, 
.table tbody tr:hover th { 
    background-color: #f5f5f5; 
} 

使用此：

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