← Tous les exemples

Contour de focus marqué

Force un contour orange visible sur les éléments focalisés pour faciliter l'audit clavier.

Code à copier

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

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.