CSS :focus peiteklasse

Määritelmä ja käyttö

CSS :focus Peiteklasseja käytetään valitsemaan ja asettamaan kohdistuksen saaneen elementin tyylejä.

Esimerkki

Esimerkki 1

Valitse ja aseta syöttökentän kohdistuksen saamisen tyylit:

input:focus {
  background-color: yellow;
}

Kokeile itse!

Esimerkki 2

Muuta taustaväri ja leveys, kun syöttökenttä saa kohdistuksen:

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

Kokeile itse!

CSS syntaksi

:focus {
  css lausunnot;
}

Tekninen yksityiskohta

Selaimen tuki

Taulukossa olevat numerot määrittelevät ensimmäisen selaimen version, joka tukee kyseistä peiteklassea täysin.

Liittyvät sivut

Oppituntio:CSS sulo