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

selektor:read-only {
	
}

Príklad

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

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

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

Pozrite tiež

pseudotrieda :read-write,
ktorá nastavuje štýl inputom dostupným na zmenu
pseudotrieda :default,
ktorá nastavuje štýl elementom predvoleným
pseudotrieda :indeterminate,
ktorá nastavuje štýl prepínačom, ktoré sú v neurčitom stave
pseudotrieda :optional,
ktorá nastavuje štýl inputu, ktorý nemá atribút required
pseudotrieda :placeholder-shown,
ktorá nastavuje štýl elementom pri zobrazení textu-nápovedy
pseudotrieda :required,
ktorá nastavuje štýl inputu, ktorý má zadaný atribút required
pseudotrieda :focus-within,
ktorá nastavuje štýl elementom v ohnisku
vlastnosť caret-color,
ktorá nastavuje farbu textového kurzoru v inpute