Псевдокласс 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,
    инпуттагы текст курсорунун түсүн аныктайт