← Todos los ejemplos

Resaltar la fila activa

Resalta con borde la fila de la tabla en la que trabajas para no perder tu lugar en listas largas.

Código para copiar

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

Cómo usar este ejemplo

1. Copia el código con el botón de arriba.
2. Instala JustZix (2 minutos) y abre la extensión en la página de destino.
3. Añade una nueva regla que coincida con esa página.
4. Pega el código en el panel CSS de la regla y guarda — el efecto aparece al instante.