Псеўдаклас read-write

Псеўдаклас read-write задае стыль інпутам, значэнні якіх даступныя для змянення.

Сінтаксіс

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

Прыклад

Давайце ўсталюем блакітныя мяжы інпуту, у які можна ўводзіць дадзеныя:

html<p>
  <label>Увядзіце тэкст</label>
  <input type="text">
</p>
<p>
  <label>Тэкст толькі для чытання</label>
  <input type="text" value="text" readonly>
</p>
cssinput: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,
    якая задае колер тэкставаму курсору ў інпуце