Pseudoklasse read-only

Die Pseudoklasse read-only legt den Stil für Input-Elemente mit dem Attribut readonly fest. Ein solches Input-Element ist nur zum Lesen vorgesehen, d.h. es ist nicht möglich, Daten einzugeben oder zu ändern, allerdings können sie ausgewählt und kopiert werden.

Syntax

Selektor:read-only {
	
}

Beispiel

Lassen Sie uns blassgraue Ränder für ein schreibgeschütztes Input-Element festlegen:

<p>
	<label>Text eingeben</label>
	<input type="text">
</p>
<p>
	<label>Text lesen</label>
	<input type="text" value="Text" readonly>
</p>

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

Siehe auch

die Pseudoklasse :read-write,
die den Stil für veränderbare Input-Elemente festlegt
die Pseudoklasse :default,
die den Stil für Standardelemente festlegt
die Pseudoklasse :indeterminate,
die den Stil für Umschaltflächen festlegt, die sich in einem unbestimmten Zustand befinden
die Pseudoklasse :optional,
die den Stil für ein Input-Element festlegt, das kein required-Attribut hat
die Pseudoklasse :placeholder-shown,
die den Stil für Elemente festlegt, wenn Platzhaltertext angezeigt wird
die Pseudoklasse :required,
die den Stil für ein Input-Element festlegt, bei dem das required-Attribut gesetzt ist
die Pseudoklasse :focus-within,
die den Stil für Elemente im Fokus festlegt
die Eigenschaft caret-color,
die die Farbe des Textcursors in einem Input-Element festlegt