Pseudotrieda read-write

Pseudotrieda read-write nastavuje štýl inputom, ktorých hodnoty je možné upravovať.

Syntax

selektor:read-write {}

Nastavme modré okraje inputu, do ktorého je možné zadať údaje:

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

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

pseudotrieda :read-only,
ktorá nastavuje štýl inputom, ktoré nie je možné upravovať
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 :required,
ktorá nastavuje štýl inputu, ktorý má nastavený atribút required
pseudotrieda :focus-within,
ktorá nastavuje štýl elementom v ohnisku
vlastnosť caret-color,
ktorá nastavuje farbu textového kurzoru v inpute