CSS :focus-visible pseudoklasi

Määrittely ja käyttö

CSS :focus-visible Pseudoklasiit, jotka sovelletaan vain näppäimistön kautta keskittyessä, eivät hiiren kautta.

Tämä voidaan käyttää yhdessä :focus Yhdistettynä käytettynä, luo erilaisia fokuspalkkeja näppäimistön ja hiiren/touch-fokusten välille.

Esimerkki

Valitse ja aseta näppäimistön Tab-virheen kautta saavutettavien painikkeiden tyyli:

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

Kokeile itse

CSS syntaksi

:focus-visible {
  css lausunnot;
}

Tekninen yksityiskohta

Versio: CSS4

Selaimen tuki

Taulukon numerot määrittelevät ensimmäisen selaimen version, joka tukee kyseistä pseudoklasiia täysin.

Chrome Edge Firefox Safari Opera
86 86 85 15.4 72

Liittyvät sivut

Oppitunnit:CSS oletusluokat

Viittaus:CSS :focus oletusluokka