Pseudoklasa CSS :focus-visible

Definicja i użycie

CSS :focus-visible Pseudoklasa używana do zastosowania stylu skupienia tylko podczas skupienia za pomocą klawiatury, a nie za pomocą myszy.

Można to połączyć z :focus Połączenie z użyciem, aby utworzyć różne style skupienia dla skupienia klawiatury i myszy/toucha.

Przykład

Wybierz i ustaw styl przycisku, który uzyskuje skupienie za pomocą klawiatury klawisz Tab:

button:focus-visible {
  outline: 2px solid red;
}

Spróbuj sam

Gramatyka CSS

:focus-visible {
  deklaracje css;
}

Szczegóły techniczne

Obsługa przeglądarek

Tabela zawiera numer wersji przeglądarki, która w pełni obsługuje ten pseudoklas.

Strony związane

Kurs:Pseudoklasy CSS

Odniesienie:Pseudoklasa :focus w CSS