CSS :focus-within pseudoklasse

Definitie en gebruik

CSS :focus-within Pseudoklassen worden gebruikt om een element te matchen, als dat element of een van zijn afstammelingen focus krijgt.

Voorbeeld

Stel de stijl van het formulier in wanneer een veld in het formulier focus krijgt:

form:focus-within {
  border: 2px solid black;
  background-color: beige;
  color: black;
}

Probeer het zelf uit

CSS syntaxis

:focus-within {
  css declarations;
}

Technische details

Browserondersteuning

De cijfers in de tabel geven de eerste browserversie aan die deze pseudoklasse volledig ondersteunt.

Gerelateerde pagina's

Handleiding:CSS pseudoklassen

Referentie:CSS :focus pseudoklasse