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