Pseudo-klassen read-only

Pseudo-klassen read-only sätter stilen för input-fält med attributet readonly. Ett sådant input-fält är endast avsett för läsning, d.v.s. det är omöjligt att skriva eller ändra data i det, men det går att markera och kopiera datan.

Syntax

cssselektor:read-only {
  
}

Exempel

Låt oss sätta blekgrå kanter på ett input-fält som endast är avsett för läsning:

html<p>
  <label>Skriv in text</label>
  <input type="text">
</p>
<p>
  <label>Läs text</label>
  <input type="text" value="text" readonly>
</p>

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

Результат:

Se även

pseudo-klassen :read-write,
som sätter stilen för input-fält som kan ändras
pseudo-klassen :default,
som sätter stilen för standardelement
pseudo-klassen :indeterminate,
som sätter stilen för växlar som befinner sig i ett obestämt tillstånd
pseudo-klassen :optional,
som sätter stilen för ett input-fält som inte har attributet required
pseudo-klassen :placeholder-shown,
som sätter stilen för element när platshållartext visas
pseudo-klassen :required,
som sätter stilen för ett input-fält som har attributet required satt
pseudo-klassen :focus-within,
som sätter stilen för element i fokus
egenskapen caret-color,
som sätter färgen på textmarkören i ett input-fält