Pseudoklasse read-only

Pseudoklassen read-only angiver stilen for inputfelter med attributten readonly. Et sådant inputfelt er kun til læsning, hvilket betyder, at det ikke er muligt at indtaste eller ændre data i det, men data kan markeres og kopieres.

Syntaks

cssselektor:read-only {
  
}

Eksempel

Lad os indstille blegt grå borders på et inputfelt, der kun er til læsning:

html<p>
  <label>Indtast tekst</label>
  <input type="text">
</p>
<p>
  <label>Læs tekst</label>
  <input type="text" value="text" readonly>
</p>

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

Результат:

Se også

pseudoklassen :read-write,
som angiver stilen for inputfelter, der kan ændres
pseudoklassen :default,
som angiver stilen for standardelementer
pseudoklassen :indeterminate,
som angiver stilen for skifteknopper, der er i en ubestemt tilstand
pseudoklassen :optional,
som angiver stilen for et inputfelt uden required-attributten
pseudoklassen :placeholder-shown,
som angiver stilen for elementer, når pladsholderteksten vises
pseudoklassen :required,
som angiver stilen for et inputfelt med required-attributten
pseudoklassen :focus-within,
som angiver stilen for elementer i fokus
egenskaben caret-color,
som angiver farven på tekstmarkøren i et inputfelt