CSS :invalid -pseudoklasieri

Määrittely ja käyttö

CSS :invalid Pseudoklasiereilla asetetaan väärän arvon saavuttavien lomakkeen elementtien tyylit.

Huomaa:Tämä pseudoklasari pätee vain rajoitetuille lomakkeen elementeille, kuten min ja max -ominaisuuksilla varustetuille syötteille, sähköpostikentille, joissa ei ole kelvollista sähköpostiosoitetta, tai lukuarvoille, joissa ei ole lukua, ja niin edelleen.

Huomaa:Jos valintaryhmässä olevasta valintapyssystä jokin on pakollinen, ja ryhmässä ei ole valittu yhtään valintapyssyä, tämä pseudoklasari sovelletaan kaikkiin valintapyssyihin.

Vinkki:Käytä :valid Pseudoklasiereilla asetetaan有效表单elementtien tyylit.

Esimerkki

Aseta väärän arvon saavuttavien <fieldset> ja <input> elementtien tyylit:

fieldset:invalid {
  border: 2px solid red;
  background-color: beige;
}
input:invalid {
  border: 2px solid red;
  background-color: beige;
}

Kokeile itse

CSS syntaksi

:invalid {
  css lausunnot;
}

Tekninen yksityiskohta

Versio: CSS4

Selaimen tuki

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

Chrome Edge Firefox Safari Opera
10 12 4 5 10

Tiedotus

Viittaus:CSS :valid valitsin