← Tous les exemples

Mettre en évidence la ligne active

Encadre la ligne du tableau sur laquelle vous travaillez pour ne pas perdre votre place dans les longues listes.

Code à copier

.wp-list-table tbody tr:hover .row-title,
.wp-list-table tbody tr:focus-within {
  outline: 2px solid #2271b1 !important;
}
.wp-list-table tbody tr:focus-within {
  background: #e8eef6 !important;
}

Comment utiliser cet exemple

1. Copiez le code avec le bouton ci-dessus.
2. Installez JustZix (2 minutes) et ouvrez l'extension sur la page cible.
3. Ajoutez une nouvelle règle correspondant à cette page.
4. Collez le code dans le panneau CSS de la règle et enregistrez — l'effet apparaît aussitôt.