← Tutti gli esempi

Contorno di focus visibile

Forza un contorno arancione marcato sugli elementi a fuoco per la navigazione da tastiera.

Codice da copiare

:focus, :focus-visible {
    outline: 3px solid #ff8c00 !important;
    outline-offset: 2px !important;
    border-radius: 2px !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.