Pseudoklass read-write

Pseudoklass read-write määrab stiili sisenditele, mille väärtused on muudetavad.

Süntaks

cssselektor:read-write {}

Näide

Määrame sisendile, kuhu saab andmeid sisestada, helesinised äärised:

html<p>
  <label>Sisesta tekst</label>
  <input type="text">
</p>
<p>
  <label>Lugege teksti</label>
  <input type="text" value="text" readonly>
</p>
cssinput:read-write {
  border: 1px solid #467CBC;
}
input:read-only {
  border: 1px solid #D8DFE8;
}

Результат:

Vaata ka

  • pseudoklass :read-only,
    mis määrab stiili muutmiseks mittesaadavatele sisenditele
  • pseudoklass :default,
    mis määrab stiili vaikimisi elementidele
  • pseudoklass :indeterminate,
    mis määrab stiili lülititele, mis on määramata olekus
  • pseudoklass :optional,
    mis määrab stiili sisendile, millel pole required atribuuti
  • pseudoklass :required,
    mis määrab stiili sisendile, millel on määratud required atribuut
  • pseudoklass :focus-within,
    mis määrab stiili fookuses olevatele elementidele
  • omadus caret-color,
    mis määrab teksti kursori värvi sisendis