← Tutti gli esempi

Evidenzia i pulsanti di modifica

Al passaggio sulla riga evidenzia i pulsanti modifica e duplica per raggiungere prima le azioni.

Codice da copiare

[role="row"]:hover [aria-label*="edit" i][role="button"],
[role="row"]:hover [aria-label*="duplicate" i][role="button"] {
  outline: 2px solid #1877f2 !important;
  background: rgba(24,119,242,0.12) !important;
  border-radius: 4px !important;
}

Come usare questo esempio

1. Copia il codice con il pulsante qui sopra.
2. Installa JustZix (2 minuti) e apri l'estensione sulla pagina di destinazione.
3. Aggiungi una nuova regola corrispondente a quella pagina.
4. Incolla il codice nel pannello CSS della regola e salva — l'effetto appare subito.