Pseudoklasa read-write

Pseudoklasa read-write określa styl inputom, których wartości są dostępne do modyfikacji.

Składnia

selektor:read-write {}

Przykład

Ustawmy niebieskie obramowania inputowi, do którego można wprowadzać dane:

<p>
	<label>Wprowadź tekst</label>
	<input type="text">
</p>
<p>
	<label>Tekst tylko do odczytu</label>
	<input type="text" value="text" readonly>
</p>

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

Zobacz też

pseudoklasa :read-only,
która określa styl inputom niedostępnym do modyfikacji
pseudoklasa :default,
która określa styl elementom domyślnym
pseudoklasa :indeterminate,
która określa styl przełącznikom, które znajdują się w stanie nieokreślonym
pseudoklasa :optional,
która określa styl inputowi, który nie ma atrybutu required
pseudoklasa :required,
która określa styl inputowi, który ma ustawiony atrybut required
pseudoklasa :focus-within,
która określa styl elementom w fokusie
właściwość caret-color,
która określa kolor kursora tekstowego w inpucie