A read-write pszeudoosztály

A read-write pszeudoosztály olyan input mezők stílusát határozza meg, amelyek értéke módosítható.

Szintaxis

cssselector:read-write {}

Példa

Állítsunk be kék szegélyt azoknak az input mezőknek, amelyekbe adatok írhatók:

html<p>
  <label>Szöveg beírása</label>
  <input type="text">
</p>
<p>
  <label>Olvasható szöveg</label>
  <input type="text" value="szöveg" readonly>
</p>
cssinput:read-write {
  border: 1px solid #467CBC;
}
input:read-only {
  border: 1px solid #D8DFE8;
}

Результат:

Lásd még

  • a :read-only pszeudoosztály,
    amely a módosíthatatlan input mezők stílusát határozza meg
  • a :default pszeudoosztály,
    amely az alapértelmezett elemek stílusát határozza meg
  • a :indeterminate pszeudoosztály,
    amely a határozatlan állapotban lévő kapcsolók stílusát határozza meg
  • a :optional pszeudoosztály,
    amely azoknak az input mezőknek a stílusát határozza meg, amelyeknél nincs required attribútum
  • a :required pszeudoosztály,
    amely azoknak az input mezőknek a stílusát határozza meg, amelyeknél be van állítva a required attribútum
  • a :focus-within pszeudoosztály,
    amely a fókuszban lévő elemek stílusát határozza meg
  • a caret-color tulajdonság,
    amely a szöveges kurzor színét határozza meg az input mezőkben