Pseudoklasse read-write

De pseudoklasse read-write bepaalt de stijl van invoervelden waarvan de waarden beschikbaar zijn om te wijzigen.

Syntaxis

cssselector:read-write {}

Voorbeeld

Laten we blauwe randen instellen voor het invoerveld waarin gegevens kunnen worden ingevoerd:

html<p>
  <label>Voer tekst in</label>
  <input type="text">
</p>
<p>
  <label>Alleen-lezen tekst</label>
  <input type="text" value="text" readonly>
</p>

cssinput:read-write {
  border: 1px solid #467CBC;
}
input:read-only {
  border: 1px solid #D8DFE8;
}

Результат:

Zie ook