Псевдоклас 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,
който задава стил на елементите във фокус
свойство caret-color,
което задава цвят на текстовия курсор в инпут