Pseudoklas read-write

Die pseudoklas read-write spesifiseer die styl vir invoere wie se waardes beskikbaar is vir wysiging.

Sintaksis

cssselektor:read-write {}

Voorbeeld

Laat ons blou rame instel vir die invoer waar data ingevoer kan word:

html<p>
  <label>Teks invoer</label>
  <input type="text">
</p>
<p>
  <label>Lees teks</label>
  <input type="text" value="teks" readonly>
</p>
cssinput:read-write {
  border: 1px solid #467CBC;
}
input:read-only {
  border: 1px solid #D8DFE8;
}

Результат:

Sien ook

  • die pseudoklas :read-only,
    wat die styl spesifiseer vir invoere wat nie beskikbaar is vir wysiging nie
  • die pseudoklas :default,
    wat die styl spesifiseer vir verstek elemente
  • die pseudoklas :indeterminate,
    wat die styl spesifiseer vir skakelaars wat in 'n onbepaalde toestand is
  • die pseudoklas :optional,
    wat die styl spesifiseer vir 'n invoer sonder die required kenmerk
  • die pseudoklas :required,
    wat die styl spesifiseer vir 'n invoer met die required kenmerk
  • die pseudoklas :focus-within,
    wat die styl spesifiseer vir elemente in fokus
  • die eienskap caret-color,
    wat die kleur van die tekswyser in 'n invoer spesifiseer