CSS : nieprawidłowy selektor
Przykład
Wybierz i stylizuj tylko wtedy, gdy wartość elementu <input> jest nieprawidłowa:
input:invalid
{
border: 2px solid red;
}
Definicja i użycie
Selektor :invalid
wybiera elementy formularza o wartości, która nie sprawdza się zgodnie z ustawieniami elementu.
Uwaga: selektor :invalid działa tylko w przypadku elementów formularza z ograniczeniami, takich jak elementy wejściowe z atrybutami min i max, pola e-mail bez prawidłowego adresu e-mail lub pola liczbowe bez wartości liczbowej itp.
Wskazówka: Użyj selektora :valid , aby wybrać elementy formularza z wartością, która sprawdza się zgodnie z ustawieniami elementu.
Wersja: | CSS3 |
---|
Obsługa przeglądarki
Liczby w tabeli określają pierwszą wersję przeglądarki, która w pełni obsługuje selektor.
Selector | |||||
---|---|---|---|---|---|
:invalid | 10.0 | 10.0 | 4.0 | 5.0 | 10.0 |
Składnia CSS
:invalid {
css declarations;
}
Powiązane strony
Selektor CSS : prawidłowy