Pseudo-klassen read-write

Pseudo-klassen read-write angir stil for inndatafelt hvis verdier er tilgjengelige for endring.

Syntaks

cssvelger:read-write {}

Eksempel

La oss sette blå kanter på inndatafeltet der data kan skrives inn:

html<p>
  <label>Skriv inn tekst</label>
  <input type="text">
</p>
<p>
  <label>Lesetekst</label>
  <input type="text" value="text" readonly>
</p>
cssinput:read-write {
  border: 1px solid #467CBC;
}
input:read-only {
  border: 1px solid #D8DFE8;
}

Результат:

Se også

  • pseudo-klassen :read-only,
    som angir stil for inndatafelt som ikke kan endres
  • pseudo-klassen :default,
    som angir stil for standardelementer
  • pseudo-klassen :indeterminate,
    som angir stil for vekslebrytere som er i en ubestemt tilstand
  • pseudo-klassen :optional,
    som angir stil for inndatafelt uten required-attributtet
  • pseudo-klassen :required,
    som angir stil for inndatafelt med required-attributtet satt
  • pseudo-klassen :focus-within,
    som angir stil for elementer i fokus
  • egenskapen caret-color,
    som angir farge for tekstmarkøren i inndatafelt