Wyraźny obrys fokusa
Wymusza wyraźny pomarańczowy obrys na elementach z fokusem, ułatwiając audyt dostępności klawiatury.
Kod do skopiowania
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;
}Jak użyć tego przykładu
- Skopiuj kod przyciskiem powyżej.
- Zainstaluj JustZix (2 minuty) i otwórz wtyczkę na docelowej stronie.
- Dodaj nową regułę dopasowaną do tej strony.
- Wklej kod w panelu CSS reguły i zapisz — efekt pojawi się od razu.
Oceń ten przykład
Brak ocen — oceń jako pierwszy.