CSS :focus-visible pseudoklasse

Definition og brug

CSS :focus-visible Pseudoklasser anvendes kun til at anvende fokusstilarter, når der fokuseres via tastatur, ikke via mus.

Dette kan bruges med :focus Brug sammen, for at skabe forskellige fokusstilarter for tastatur- og muse/touch-fokus.

Eksempel

Vælg og indstil stilen for knapper, der fokuseres ved hjælp af Tab-tasten på tastaturet:

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

Prøv det selv

CSS-syntaks

:focus-visible {
  css-deklarationer;
}

Tekniske detaljer

Browser-understøttelse

Tabelens tal angiver den første browserversion, der fuldt ud understøtter denne pseudoklasse.

Relaterede sider

Tutorials:CSS pseudo-classes

Referencer:CSS :focus pseudo-class