# Псевдокласс read-write

Псевдокласс `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`,
  которое задает цвет текстовому курсору в инпуте

← →
↑
en ru