CSS :invalid pseudoklasse

Definition og brug

CSS :invalid Pseudoklassen bruges til at indstille stilen for无效e formularelementer.

Bemærk:Denne pseudoklasse anvendes kun til formularelementer med begrænsninger, såsom inputelementer med min og max-attributter, e-mailfelter uden gyldig e-mail eller numeriske felter uden værdier osv.

Bemærk:Hvis ethvert af de enkelte radioknapper i en radioknappegruppe er obligatorisk, vil denne pseudoklasse anvendes på alle radioknapperne, hvis ingen af radioknapperne i gruppen er markeret.

Bemærk:Brug :valid Pseudoklassen indstiller stilen for gyldige formularelementer.

Eksempel

Indstil stilen for无效的 <fieldset> og <input> elementer:

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

Prøv det selv

CSS syntaks

:invalid {
  css deklarationer;
}

Tekniske detaljer

Version: CSS4

Browserunderstøttelse

Tabelens tal angiver den første browserversion, der fuldt ud understøtter dette pseudoklasse.

Chrome Edge Firefox Safari Opera
10 12 4 5 10

Relaterede sider

Referencer:CSS :valid vælger