Psevdorazred read-only

Psevdorazred read-only določa slog vnosnim poljem z atributom readonly. Takšno vnosno polje je namenjeno samo za branje, kar pomeni, da vanj ni mogoče vnesti ali spremeniti podatkov, vendar jih je mogoče izbrati in kopirati.

Sintaksa

cssselektor:read-only {
  
}

Primer

Nastavimo bledo sive obrobe vnosnemu polju, ki je namenjeno samo za branje:

html<p>
  <label>Vnesite besedilo</label>
  <input type="text">
</p>
<p>
  <label>Berite besedilo</label>
  <input type="text" value="besedilo" readonly>
</p>
cssinput:read-only {
  border: 1px solid #D8DFE8;
}

Результат:

Glejte tudi

  • psevdorazred :read-write,
    ki določa slog vnosnim poljem, ki so na voljo za spreminjanje
  • psevdorazred :default,
    ki določa slog elementom po privzetih nastavitvah
  • psevdorazred :indeterminate,
    ki določa slog stikali, ki so v nedoločenem stanju
  • psevdorazred :optional,
    ki določa slog vnosnemu polju, ki nima atributa required
  • psevdorazred :placeholder-shown,
    ki določa slog elementom pri prikazu besedila namiga
  • psevdorazred :required,
    ki določa slog vnosnemu polju, ki ima nastavljen atribut required
  • psevdorazred :focus-within,
    ki določa slog elementom v fokusu
  • lastnost caret-color,
    ki določa barvo besedilnega kazalca v vnosnem polju