Pseudo-klassen read-only

Pseudo-klassen read-only setter stil for input-felt med attributtet readonly. Et slikt input-felt er kun ment for lesing, dvs. det er ikke mulig å skrive inn eller endre data i det, men dataene kan markeres og kopieres.

Syntaks

cssvelger:read-only {
  
}

Eksempel

La oss sette lysegråe kanter på et input-felt som kun er ment for lesing:

html<p>
  <label>Skriv inn tekst</label>
  <input type="text">
</p>
<p>
  <label>Les tekst</label>
  <input type="text" value="text" readonly>
</p>

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

Результат:

Se også

pseudo-klassen :read-write,
som setter stil for input-felt som kan endres
pseudo-klassen :default,
som setter stil for standardelementer
pseudo-klassen :indeterminate,
som setter stil for vekslebrytere som er i en ubestemt tilstand
pseudo-klassen :optional,
som setter stil for input-felt uten required-attributtet
pseudo-klassen :placeholder-shown,
som setter stil for elementer når plassholdertekst vises
pseudo-klassen :required,
som setter stil for input-felt med required-attributtet
pseudo-klassen :focus-within,
som setter stil for elementer i fokus
egenskapen caret-color,
som setter fargen på tekstmarkøren i input-felt