Pseudoklasa read-write

Pseudoklasa read-write określa styl inputom, których wartości są dostępne do modyfikacji.

Składnia

cssselektor:read-write {}

Przykład

Ustawmy niebieskie obramowania inputowi, do którego można wprowadzać dane:

html<p>
  <label>Wprowadź tekst</label>
  <input type="text">
</p>
<p>
  <label>Tekst tylko do odczytu</label>
  <input type="text" value="text" readonly>
</p>
cssinput:read-write {
  border: 1px solid #467CBC;
}
input:read-only {
  border: 1px solid #D8DFE8;
}

Результат:

Zobacz też

  • pseudoklasa :read-only,
    która określa styl inputom niedostępnym do modyfikacji
  • pseudoklasa :default,
    która określa styl elementom domyślnym
  • pseudoklasa :indeterminate,
    która określa styl przełącznikom, które znajdują się w stanie nieokreślonym
  • pseudoklasa :optional,
    która określa styl inputowi, który nie ma atrybutu required
  • pseudoklasa :required,
    która określa styl inputowi, który ma ustawiony atrybut required
  • pseudoklasa :focus-within,
    która określa styl elementom w fokusie
  • właściwość caret-color,
    która określa kolor kursora tekstowego w inpucie