Pseudotřída read-only

Pseudotřída read-only nastavuje styl inputům s atributem readonly. Takový input je určen pouze pro čtení, tj. zadávat nebo měnit v něm data nelze, lze je však vybrat a zkopírovat.

Syntaxe

cssselektor:read-only {
  
}

Příklad

Nastavme světle šedé ohraničení inputu, který je určen pouze pro čtení:

html<p>
  <label>Zadejte text</label>
  <input type="text">
</p>
<p>
  <label>Text pro čtení</label>
  <input type="text" value="text" readonly>
</p>

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

Результат:

Viz také