CSS :invalid pseudoklasa

Definicja i użycie

CSS :invalid Pseudoklasa służy do ustawiania stylu dla niepoprawnych elementów formularza.

Uwaga:Ten pseudoklasa dotyczy tylko elementów formularza z ograniczeniami, takich jak pola wejściowe z atrybutami min i max, pola e-mail bez poprawnego adresu e-mail lub pola liczbowe bez wartości liczbowych itp.

Uwaga:Jeśli którykolwiek z pól radio jest wymagany, a w grupie żadne z pól radio nie jest zaznaczone, ten pseudoklasa zostanie zastosowana do wszystkich pól radio.

Uwaga:Użyj :valid Pseudoklasa ustawia styl dla poprawnych elementów formularza.

Przykład

Ustawienia stylu dla niepoprawnych elementów <fieldset> i <input>:

fieldset:invalid {
  border: 2px solid czerwony;
  background-color: beż;
}
input:invalid {
  border: 2px solid czerwony;
  background-color: beż;
}

Spróbuj sam

Gramatyka CSS

:invalid {
  deklaracje css;
}

Szczegóły techniczne

Obsługa przeglądarek

Liczby w tabeli wskazują na pierwszą wersję przeglądarki, która w pełni obsługuje ten pseudoklasę.

Strony związane

Wskazówka:CSS :valid selektor