CSS :focus pseudoklass

Definition och användning

CSS :focus Pseudoklasser används för att välja och ställa in stilen för element som får fokus.

Exempel

Exempel 1

Välj och ställ in stilen när inmatningsfältet får fokus:

input:focus {
  background-color: yellow;
}

Prova själv

Exempel 2

Ändra bakgrundsfärg och bredd när inmatningsfältet får fokus:

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

Prova själv

CSS-syntaks

:focus {
  css-uttryck;
}

Tekniska detaljer

Webbläsarstöd

Talen i tabellen specificerar den första webbläsarversionen som fullständigt stöder den här pseudoklassen.

Relaterade sidor

Lär纲:CSS pseudoklass