Mettez en surbrillance la ligne sélectionnée à l'aide de css

Comment nous pouvons mettre en évidence la ligne sélectionnée dans une table à l'aide de css. Est-il possible de faire cela?

InformationsquelleAutor Null Pointer | 2011-03-01
  1. 3
    tr { background: sky-blue-pink } /* Use a real colour */
tr * { background: transparent; }

    où tr est un plus spécifiques sélecteur pour indiquer ce que vous avez dans le DOM représentent "sélectionné". Ce sera probablement un sélecteur de classe: tr.selected

    InformationsquelleAutor Quentin
  2. 7

    En supposant que par "sélectionné" tu veux dire "survolé par la souris":

    tr:hover {background-color: #FF0000}

    Vous pourriez également mettre en évidence avec des choses comme "font-weight:bold', 'color: #FF000", etc..

    • Si vous voulez un arrière-plan solide sur l'ensemble de la ligne, vous devez définir border-collapse: collapse; et border-spacing: 0; sur la table.
    InformationsquelleAutor gunnarsson
  3. 3

    Vous avez juste à faire quelque chose comme:

    tr:hover { background: #FCF; }

    Voir cette exemple.

    InformationsquelleAutor Trufa
  4. 1

    CSS partie:

    table.rowHover tr:hover{ background-color: #ccc; }

apply class = "rowHover" on the table

    cheers !!!

    InformationsquelleAutor DHRUV BANSAL