Pseudo-klasa read-write

Pseudo-klasa read-write definiše stil input poljima čije vrednosti su dostupne za izmenu.

Sintaksa

cssselektor:read-write {}

Primer

Hajde da postavimo plave ivice input polju u koje se mogu unositi podaci:

html<p>
  <label>Unesi tekst</label>
  <input type="text">
</p>
<p>
  <label>Tekst samo za čitanje</label>
  <input type="text" value="tekst" readonly>
</p>
cssinput:read-write {
  border: 1px solid #467CBC;
}
input:read-only {
  border: 1px solid #D8DFE8;
}

Результат:

Vidi takođe

  • pseudo-klasa :read-only,
    koja definiše stil input poljima koja nisu dostupna za izmenu
  • pseudo-klasa :default,
    koja definiše stil elementima koji su podrazumevani
  • pseudo-klasa :indeterminate,
    koja definiše stil prekidačima koji su u neodređenom stanju
  • pseudo-klasa :optional,
    koja definiše stil input polju koje nema atribut required
  • pseudo-klasa :required,
    koja definiše stil input polju kojem je zadat atribut required
  • pseudo-klasa :focus-within,
    koja definiše stil elementima u fokusu
  • svojstvo caret-color,
    koje definiše boju tekst kursora u input polju