CSS :focus pseudoklasse

Definitie en gebruik

CSS :focus Pseudoklassen worden gebruikt om de stijl van geactiveerde elementen te selecteren en in te stellen.

Voorbeeld

Voorbeeld 1

Selecteer en stel de stijl in wanneer het invoerveld de focus krijgt:

input:focus {
  background-color: yellow;
}

Probeer het zelf uit

Voorbeeld 2

Wijzig de achtergrondkleur en breedte wanneer het invoerveld de focus krijgt:

input:focus {
  background-color: yellow;
  width: 250px;
}

Probeer het zelf uit

CSS syntaxis

:focus {
  css declaraties;
}

Technische details

Browserondersteuning

De cijfers in de tabel specificeren de eerste browserversie die de pseudoklasse volledig ondersteunt.

Gerelateerde pagina's

Handleiding:CSS pseudoklasse