tabellen tag mit table-hover

Thema wurde von Anonymous, 5. August 2023 erstellt.

  1. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    22. Juli 2021
    Beiträge:
    169
    Danke erhalten:
    17
    Danke vergeben:
    56
    Hallo zusammen,

    ich legen eine Tabelle an mit Bootstrap an:

    Code:
    <table class="table table-striped table-hover">
      ...
    </table>
    Sieht alles super aus, so wie ich es wollte. Nur es funktioniert nicht der Table-Hover-Effekt. Wieso?
     
  2. Dominik Späte
    Dominik Späte Erfahrener Benutzer
    Registriert seit:
    16. Oktober 2018
    Beiträge:
    1.251
    Danke erhalten:
    1.141
    Danke vergeben:
    391
    ...weil im Gambio-CSS die Hintergrundfarbe der Hover-Pseudoklasse durch die Angaben für die table-striped Klasse überschrieben werden, sprich: Der Hover-Effekt wird deaktiviert. Man kann ihn durch eine spezifischere Anweisung im eigenen CSS reaktivieren, z.B. damit:
    Code:
    .table.table-striped.table-hover>tbody>tr:hover{
      background-color: #f5f5f5;
    }
     
  3. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    22. Juli 2021
    Beiträge:
    169
    Danke erhalten:
    17
    Danke vergeben:
    56
    Vielen Dank!!