Pseidoklase read-write

Pseidoklase read-write nosaka stilu ievades laukiem, kuru vērtības ir pieejamas rediģēšanai.

Sintakse

cssselektors:read-write {}

Piemērs

Uzstādīsim zilas apmales ievades laukam, kurā var ievadīt datus:

html<p>
  <label>Ievadiet tekstu</label>
  <input type="text">
</p>
<p>
  <label>Lasāms teksts</label>
  <input type="text" value="text" readonly>
</p>
cssinput:read-write {
  border: 1px solid #467CBC;
}
input:read-only {
  border: 1px solid #D8DFE8;
}

Результат:

Skatiet arī

  • pseidoklase :read-only,
    kas nosaka stilu ievades laukiem, kas nav pieejami rediģēšanai
  • pseidoklase :default,
    kas nosaka stilu elementiem pēc noklusējuma
  • pseidoklase :indeterminate,
    kas nosaka stilu slēdžiem, kas atrodas nenoteiktā stāvoklī
  • pseidoklase :optional,
    kas nosaka stilu ievades laukam, kuram nav required atribūta
  • pseidoklase :required,
    kas nosaka stilu ievades laukam, kuram ir uzstādīts required atribūts
  • pseidoklase :focus-within,
    kas nosaka stilu elementiem fokusā
  • īpašība caret-color,
    kas nosaka teksta kursora krāsu ievades laukā