CSS/Selektoren/read-only

Der :read-only-Selektor selektiert Formularelemente danach, ob sie schreibgeschützt sind.

Syntax	:read-only
Parameter	{{{Parameter}}}}}
Browsersupport	Details: caniuse.com

Beispiel

input:read-only + span::after {
  content: " schreibgeschützt";
}
input:read-only {
  outline: medium solid red;
  background-color: grey;
}

Im vorliegenden Beispiel werden die gesperrten Checkboxen mit einer roten Linie umgeben. Zusätzlich wird eine Erläuterung generiert. (Das Pluszeichen repräsentiert den Nachbarkombinator.)

Siehe auch

• Formulare
  • Ausgrauen: disabled vs readonly
• HTML/Attribute/readonly
• CSS/Tutorials/Selektoren/Pseudoklasse

Weblinks

• CSSWG: The Mutability Pseudo-classes: :read-only and :read-write Selectors Level 4
• MDN: read-only