CSS :read-only Pseudo-Klasse

Definition und Verwendung

CSS :read-only Pseudo-Klassen werden verwendet, um Elemente als "nur lesbar" auszuwählen.

Formularelemente mit der readonly-Eigenschaft sind als "nur lesbar" definiert.

Beispiel

Wählen und stellen Sie das Stil für jeden "nur lesbaren" Eingabe-Element ein:

input:read-only {
  background-color: lightgray;
  border: 0;
}

Versuchen Sie es selbst aus

CSS-Syntax

:read-only {
  css-Deklarationen;
}

Technische Details

Version: CSS3

Browser-Unterstützung

Die in der Tabelle angegebenen Zahlen stellen die erste Browser-Version dar, die den Pseudo-Klassen vollständig unterstützt.

Chrome Edge Firefox Safari Opera
1 13 78 4 9

Verwandte Seiten

Referenz:CSS :read-write Pseudoklasse