Pseudotrieda read-write

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

Syntax

cssselektor:read-write {}

Príklad

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

html<p>
  <label>Zadajte text</label>
  <input type="text">
</p>
<p>
  <label>Text len na čítanie</label>
  <input type="text" value="text" readonly>
</p>
cssinput:read-write {
  border: 1px solid #467CBC;
}
input:read-only {
  border: 1px solid #D8DFE8;
}

Результат:

Pozrite tiež

  • 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