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

selektor:read-only {
	
}

Příklad

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

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

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

Viz také

pseudotřída :read-write,
která nastavuje styl inputům, které jsou přístupné pro změnu
pseudotřída :default,
která nastavuje styl prvkům ve výchozím stavu
pseudotřída :indeterminate,
která nastavuje styl přepínačům, které jsou v neurčitém stavu
pseudotřída :optional,
která nastavuje styl inputu, který nemá atribut required
pseudotřída :placeholder-shown,
která nastavuje styl prvkům při zobrazení textu-nápovědy
pseudotřída :required,
která nastavuje styl inputu, kterému je nastaven atribut required
pseudotřída :focus-within,
která nastavuje styl prvkům ve stavu focus
vlastnost caret-color,
která nastavuje barvu textového kurzoru v inputu