Az optional pszeudoklassz
Az optional pszeudoklassz stílust határoz meg
egy olyan input mezőhöz, amelyen nincs beállítva a required attribútum,
azaz ez a pszeudoklassz a nem kötelező
input mezőkre vonatkozik.
Szintaxis
szelektor:optional {
}
Példa
Állítsunk be szürke hátteret a nem kötelező input mezőnek:
<form>
<p>
<label>Enter number</label>
<input type="number" required>
</p>
<p>
<label>Enter text</label>
<input type="text">
</p>
</form>
input:optional {
background-color: #D8DFE8;
}
:
Lásd még
-
a
:defaultpszeudoklassz,
amely stílust határoz meg az alapértelmezett elemekhez -
a
:indeterminatepszeudoklassz,
amely stílust határoz meg a határozatlan állapotban lévő kapcsolóknak -
a
:placeholder-shownpszeudoklassz,
amely stílust határoz meg az elemekhez a helykitöltő szöveg megjelenítésekor -
a
:read-onlypszeudoklassz,
amely stílust határoz meg a módosításra nem engedélyezett input mezőkhöz -
a
:requiredpszeudoklassz,
amely stílust határoz meg egy olyan input mezőhöz, amelyen be van állítva a required attribútum -
a
:focus-withinpszeudoklassz,
amely stílust határoz meg a fókuszban lévő elemekhez -
a
caret-colortulajdonság,
amely beállítja a szövegkurzor színét az input mezőben
