Twitter Bootstrap entfernen Tabellenreihe Highlight mit Zeilenstreifen

Question

Gibt es eine einfache Möglichkeit, die tr: Hover-Stil von Twitter Bootstrap zu entfernen, so dass ich immer noch ihre Tabellengestaltung verwenden kann, ohne die Zeile Highlight bei Hover bekommen?

Answer 1

@ Antwort Blender ist richtig, aber nur, wenn Sie nicht mit der .table-striped Klasse auf dem Tisch sind.

Wenn Sie sind die .table-striped Klasse verwenden, wird die Reihe Highlight nicht weg, wenn Sie über eine Reihe schweben, der die hellgraue Farbstreifen hat.

Wenn Sie mit der Maus über die hellgraue Zeile fahren, ändert sich die Zeile von hellgrau zu transparent (weiß), sodass Sie versehentlich einen Zeilenschwebungs-Effekt für das gesamte hellgraue Objekt implementieren farbige Reihen.

Wenn Sie auch den Hover-Effekt aus den gestreiften Reihen wegzunehmen, dann auf ursprüngliche Antwort des Blenders Aufbau, ich glaube, Sie eine weitere Regel over-ride haben würden:

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

gutes Beispiel : hier ist ein Link zu einem Arbeits jsfiddle Beispiel, wo die .table-gestreifte Klasse berücksichtigt wird: http://jsfiddle.net/pXWjq/

Buggy Beispiel: Und hier ist ein Beispiel, wo die Tabellenzeile schwebt immer noch geschieht (auf dem graue Zeilen), da die Graureihe schweben wird nicht berücksichtigt: http://jsfiddle.net/448Rb/

Answer 2

außer Kraft setzen diese Regeln:

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

diese verwenden:

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