Pseudotřída read-write
Pseudotřída read-write nastavuje styl
vstupním polím, jejichž hodnoty jsou přístupné
pro změnu.
Syntaxe
selektor:read-write {}
Příklad
Nastavme modré ohraničení vstupnímu poli, do kterého lze zadávat data:
<p>
<label>Zadejte text</label>
<input type="text">
</p>
<p>
<label>Text pouze pro čtení</label>
<input type="text" value="text" readonly>
</p>
input:read-write {
border: 1px solid #467CBC;
}
input:read-only {
border: 1px solid #D8DFE8;
}
:
Viz také
-
pseudotřída
:read-only,
která nastavuje styl vstupním polím nepřístupným 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 vstupnímu poli, které nemá atribut required -
pseudotřída
:required,
která nastavuje styl vstupnímu poli, které má nastavený atribut required -
pseudotřída
:focus-within,
která nastavuje styl prvkům ve stavu focus -
vlastnost
caret-color,
která nastavuje barvu textového kurzoru ve vstupním poli