Pseudotrieda read-only

Pseudotrieda read-only nastavuje štýl inputom s atribútom readonly. Takýto input je určený len na čítanie, t.j. nie je možné doňho zadať alebo zmeniť údaje, avšak je možné ich vybrať a skopírovať.

Syntax

cssselektor:read-only {
  
}

Príklad

Nastavme bledo-sivé ohraničenie inputu, ktorý je určený len na čítanie:

html<p>
  <label>Zadajte text</label>
  <input type="text">
</p>
<p>
  <label>Text na čítanie</label>
  <input type="text" value="text" readonly>
</p>

cssinput:read-only {
  border: 1px solid #D8DFE8;
}

Результат:

Pozrite tiež