Pseudoklasa required
Pseudoklasa required ustawia styl
inputowi, który ma atrybut required,
tzn. ta pseudoklasa jest stosowana do
pól obowiązkowych do wypełnienia.
Składnia
selektor:required {}
Przykład
Ustawmy obowiązkowemu do wypełnienia inputowi niebieskie tło:
<form>
<p>
<label>Wpisz liczbę</label>
<input type="number" required>
</p>
<p>
<label>Wpisz tekst</label>
<input type="text">
</p>
</form>
input:required {
background-color: #C2DDFD;
}
:
Zobacz też
-
pseudoklasa
:optional,
która ustawia styl inputowi, który nie ma atrybutu required -
pseudoklasa
:default,
która ustawia styl elementom domyślnym -
pseudoklasa
:indeterminate,
która ustawia styl przełącznikom, które znajdują się w stanie nieokreślonym -
pseudoklasa
:read-only,
która ustawia styl inputom niedostępnym do zmiany -
pseudoklasa
:read-write,
która ustawia styl inputom dostępnym do zmiany