Pseidoklase read-write

Pseidoklase read-write nosaka stilu ievades laukiem, kuru vērtības ir pieejamas rediģēšanai.

Sintakse

selektors:read-write {}

Uzstādīsim zilas apmales ievades laukam, kurā var ievadīt datus:

<p>
	<label>Ievadiet tekstu</label>
	<input type="text">
</p>
<p>
	<label>Lasāms teksts</label>
	<input type="text" value="text" readonly>
</p>

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

pseidoklase :read-only,
kas nosaka stilu ievades laukiem, kas nav pieejami rediģēšanai
pseidoklase :default,
kas nosaka stilu elementiem pēc noklusējuma
pseidoklase :indeterminate,
kas nosaka stilu slēdžiem, kas atrodas nenoteiktā stāvoklī
pseidoklase :optional,
kas nosaka stilu ievades laukam, kuram nav required atribūta
pseidoklase :required,
kas nosaka stilu ievades laukam, kuram ir uzstādīts required atribūts
pseidoklase :focus-within,
kas nosaka stilu elementiem fokusā
īpašība caret-color,
kas nosaka teksta kursora krāsu ievades laukā