Die Pseudo-klas read-only

Die pseudo-klas read-only pas stylering toe op insetvelde met die readonly attribuut. Sodanige insetveld is slegs vir leesdoeleindes, dit wil sê, dit is onmoontlik om data daarin in te voer of te verander, maar dit kan wel gekies en gekopieër word.

Sintaksis

cssselekteerder:read-only {
  
}

Voorbeeld

Kom ons stel bleekgrys rande vir 'n insetveld wat slegs vir leesdoeleindes is:

html<p>
  <label>Teks invoer</label>
  <input type="text">
</p>
<p>
  <label>Lees teks</label>
  <input type="text" value="text" readonly>
</p>

cssinput:read-only {
  border: 1px solid #D8DFE8;
}

Результат:

Sien ook

die pseudo-klas :read-write,
wat stylering toepas op insetvelde wat vir verandering beskikbaar is
die pseudo-klas :default,
wat stylering toepas op verstek elemente
die pseudo-klas :indeterminate,
wat stylering toepas op skakelaars wat in 'n onbepaalde toestand is
die pseudo-klas :optional,
wat stylering toepas op 'n insetveld sonder die required attribuut
die pseudo-klas :placeholder-shown,
wat stylering toepas op elemente wanneer die wenk-teks vertoon word
die pseudo-klas :required,
wat stylering toepas op 'n insetveld met die required attribuut
die pseudo-klas :focus-within,
wat stylering toepas op elemente in fokus
die eienskap caret-color,
wat die kleur van die teks-wyser in 'n insetveld bepaal