CSS :focus-within-pseudoklass

Definition och användning

CSS :focus-within Pseudoklasser används för att matcha ett element, om elementet eller något av dess efterkommande element får fokus.

Exempel

När ett fält i formuläret får fokus, välj och sätt in stilen på formuläret:

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

Prova själv

CSS-syntax

:focus-within {
  css-uttryck;
}

Tekniska detaljer

Webbläsarstöd

Numrerna i tabellen anger den första webbläsarversion som fullständigt stöder denna pseudoklass.

Relaterade sidor

Lär dig:CSS-pseudoklasser

Referens:CSS :focus pseudoklass