Twitter Bootstrap usuwa podkreślenie wiersza tabeli z paskami rządkowymi

Question

Czy istnieje prosty sposób na usunięcie stylu tr: hover z twitter bootstrap, tak, że nadal mogę używać ich stylów tabel bez podświetlania wiersza po najechaniu myszą?

Answer 1

@ odpowiedź Blendera ma rację, ale tylko jeśli jesteś nie użyciu klasy .table-striped na stole.

Jeśli użytkownik jest przy użyciu klasy .table-striped, wyróżnienie wiersza nie zniknie po umieszczeniu wskaźnika myszy nad wierszem z jasnoszarym paskiem.

Co się stanie, gdy umieścisz kursor nad jasnoszarym rzędem, spowoduje, że rząd zmieni kolor z jasno-szarego na przezroczysty (biały), a tym samym nieumyślnie wykonasz efekt zawieszania wierszy na wszystkich jasnoszarych kolorowe rzędy.

Jeśli trzeba zabrać efekt najechania od rozłożonych wierszy, jak również, a następnie opierając się na pierwotnej odpowiedzi Blendera, myślę, że masz inną regułę do nadmiernego jazdy:

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

dobry przykład : Oto link do sprawnego jsfiddle przykład gdzie klasa .table paski rozlicza: http://jsfiddle.net/pXWjq/

buggy przykład: a oto przykład, gdzie unoszą wiersz tabeli nadal zdarza się (na szare rzędy), ponieważ unoszą szaro-rząd nie jest wykazywana: http://jsfiddle.net/448Rb/

Answer 2

zastąpić te zasady:

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

Używanie tego:

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