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 сәндік класы,
    focus күйіндегі элементтердің стилін белгілейді
  • caret-color қасиеті,
    енгізудегі мәтін курсорының түрін белгілейді