Pseudotřída read-write

Pseudotřída read-write nastavuje styl vstupním polím, jejichž hodnoty jsou přístupné pro změnu.

Syntaxe

cssselektor:read-write {}

Příklad

Nastavme modré ohraničení vstupnímu poli, do kterého lze zadávat data:

html<p>
  <label>Zadejte text</label>
  <input type="text">
</p>
<p>
  <label>Text pouze pro čtení</label>
  <input type="text" value="text" readonly>
</p>
cssinput: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