Pseudoclasa read-write

Pseudoclasa read-write definește stilul inputurilor ale căror valori sunt disponibile pentru modificare.

Sintaxă

cssselector:read-write {}

Să setăm marginile albastre inputului în care se pot introduce date:

html<p>
  <label>Introdu text</label>
  <input type="text">
</p>
<p>
  <label>Citește text</label>
  <input type="text" value="text" readonly>
</p>

cssinput:read-write {
  border: 1px solid #467CBC;
}
input:read-only {
  border: 1px solid #D8DFE8;
}

Результат:

pseudoclasa :read-only,
care definește stilul inputurilor care nu pot fi modificate
pseudoclasa :default,
care definește stilul elementelor implicite
pseudoclasa :indeterminate,
care definește stilul comutatoarelor care se află într-o stare nedeterminată
pseudoclasa :optional,
care definește stilul inputului care nu are atributul required
pseudoclasa :required,
care definește stilul inputului care are atributul required setat
pseudoclasa :focus-within,
care definește stilul elementelor în focus
proprietatea caret-color,
care definește culoarea cursorului text în input