CSS :user-valid tekoilu

Määritelmä ja käyttö

CSS :user-valid Tekoilu asettaa käyttäjän kanssa vuorovaikutukseen asettuvan lomakkeen elementin tyylin.

Vinkki:Käytä :user-invalid Tekoilu asettaa viallisen lomakkeen elementin tyylin (käyttäjän vuorovaikutuksen jälkeen).

Esimerkki

Aseta käyttäjän kanssa vuorovaikutukseen asettuvan <input>-elementin tyyli:

input:user-valid {
  border: 2px solid green;
  background-color: beige;
}

Kokeile itse

CSS syntaksi

:user-valid {
  css lausunnot;
}

Tekninen yksityiskohta

Versio: CSS4

Selaimen tuki

Taulukon numerot määrittelevät ensimmäisen selaimen version, joka tukee tätä tekoiluista.

Chrome Edge Firefox Safari Opera
119 119 88 16.5 105

Aiheeseen liittyvät sivut

Viittaus:CSS :user-invalid pseudoklasse