CSS : prawidłowy selektor
Przykład
Wybierz i stylizuj tylko wtedy, gdy wartość elementu <input> jest prawidłowa:
input:valid
{
background-color: yellow;
}
Definicja i użycie
Selektor :valid
wybiera elementy formularza z wartością, która sprawdza się zgodnie z ustawieniami elementu.
Uwaga: selektor :valid działa tylko w przypadku elementów formularza z ograniczeniami, takich jak elementy wejściowe z atrybutami min i max, pola e-mail z prawidłowym adresem e-mail lub pola liczbowe z wartością numeryczną itp.
Wskazówka: Użyj selektora :invalid , aby wybrać elementy formularza z wartością, która nie 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 | |||||
---|---|---|---|---|---|
:valid | 10.0 | 10.0 | 4.0 | 5.0 | 10.0 |
Składnia CSS
:valid {
css declarations;
}
Powiązane strony
Selektor CSS :nieprawidłowy