Contorno di focus marcato
Forza un contorno arancione visibile sugli elementi con focus per facilitare gli audit da tastiera.
Codice da copiare
a:focus, button:focus, input:focus, select:focus, textarea:focus,
[tabindex]:focus {
outline: 3px solid #FE8019 !important;
outline-offset: 2px !important;
}
:focus:not(:focus-visible) {
outline: 3px dashed #FB4934 !important;
}Come usare questo esempio
- Copia il codice con il pulsante qui sopra.
- Installa JustZix (2 minuti) e apri l'estensione sulla pagina di destinazione.
- Aggiungi una nuova regola corrispondente a quella pagina.
- Incolla il codice nel pannello CSS della regola e salva — l'effetto appare subito.
Valuta questo esempio
Nessuna valutazione — sii il primo.