Read-write сәндік класы

read-write сәндік класы мәні өзгертуге болатын енгізулердің стилін белгілейді.

Синтаксис

селектор:read-write {}

Деректерді енгізуге болатын енгізуге көк шекараларды орнатайық:

<p>
	<label>Мәтінді енгізіңіз</label>
	<input type="text">
</p>
<p>
	<label>Мәтінді оқу</label>
	<input type="text" value="text" readonly>
</p>

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

:read-only сәндік класы,
өзгертуге болмайтын енгізулердің стилін белгілейді
:default сәндік класы,
әдепкі бойынша элементтердің стилін белгілейді
:indeterminate сәндік класы,
анықталмаған күйдегі ауыстырғыштардың стилін белгілейді
:optional сәндік класы,
required атрибуты жоқ енгізулердің стилін белгілейді
:required сәндік класы,
required атрибуты бар енгізулердің стилін белгілейді
:focus-within сәндік класы,
focus күйіндегі элементтердің стилін белгілейді
caret-color қасиеті,
енгізудегі мәтін курсорының түрін белгілейді