Псевдокласс read-write - стиль инпутов, доступных для изменения в CSS

Псевдокласс read-write задает стиль инпутам, значения которых доступны для изменения.

Синтаксис

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

Давайте установим голубые границы инпуту, в который можно вводить данные:

<p>
	<label>Enter text</label>
	<input type="text">
</p>
<p>
	<label>Read text</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,
которое задает цвет текстовому курсору в инпуте