Pseudoklasse read-write

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

Syntaxis

selector:read-write {}

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

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

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

pseudoklasse :read-only,
die de stijl bepaalt voor invoervelden die niet kunnen worden gewijzigd
pseudoklasse :default,
die de stijl bepaalt voor standaard elementen
pseudoklasse :indeterminate,
die de stijl bepaalt voor schakelaars die zich in een onbepaalde status bevinden
pseudoklasse :optional,
die de stijl bepaalt voor een invoerveld zonder het required attribuut
pseudoklasse :required,
die de stijl bepaalt voor een invoerveld met het required attribuut
pseudoklasse :focus-within,
die de stijl bepaalt voor elementen in focus
eigenschap caret-color,
die de kleur van de tekstcursor in een invoerveld bepaalt