read-write-pseudoluokka

read-write -pseudoluokka asettaa tyylin syöttökentille, joiden arvot ovat muokattavissa.

Syntaksi

valitsija:read-write {}

Asetetaan siniset reunat syöttökentälle, johon voidaan syöttää tietoja:

<p>
	<label>Syötä tekstiä</label>
	<input type="text">
</p>
<p>
	<label>Lue teksti</label>
	<input type="text" value="text" readonly>
</p>

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

pseudoluokka :read-only,
joka asettaa tyylin muokkaamattomille syöttökentille
pseudoluokka :default,
joka asettaa tyylin oletuselementeille
pseudoluokka :indeterminate,
joka asettaa tyylin kytkimille, jotka ovat määrittämättömässä tilassa
pseudoluokka :optional,
joka asettaa tyylin syöttökentälle, jolla ei ole required-attribuuttia
pseudoluokka :required,
joka asettaa tyylin syöttökentälle, jolla on asetettu required-attribuutti
pseudoluokka :focus-within,
joka asettaa tyylin tarkennetuille elementeille
ominaisuus caret-color,
joka asettaa värin tekstikursorille syöttökentässä