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:
    98
    Danke erhalten:
    5
    Danke vergeben:
    32
    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.105
    Danke erhalten:
    971
    Danke vergeben:
    343
    ...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:
    98
    Danke erhalten:
    5
    Danke vergeben:
    32
    Vielen Dank!!