Pseudoklasse read-write

Die Pseudoklasse read-write legt den Stil für Input-Felder fest, deren Werte bearbeitet werden können.

Syntax

cssSelektor:read-write {}

Lassen Sie uns blaue Ränder für Input-Felder festlegen, in die Daten eingegeben werden können:

html<p>
  <label>Text eingeben</label>
  <input type="text">
</p>
<p>
  <label>Nur-Lese-Text</label>
  <input type="text" value="text" readonly>
</p>

cssinput:read-write {
  border: 1px solid #467CBC;
}
input:read-only {
  border: 1px solid #D8DFE8;
}

Результат:

Pseudoklasse :read-only,
die den Stil für nicht bearbeitbare Input-Felder festlegt
Pseudoklasse :default,
die den Stil für Standardelemente festlegt
Pseudoklasse :indeterminate,
die den Stil für Umschaltflächen im unbestimmten Zustand festlegt
Pseudoklasse :optional,
die den Stil für Input-Felder ohne required-Attribut festlegt
Pseudoklasse :required,
die den Stil für Input-Felder mit required-Attribut festlegt
Pseudoklasse :focus-within,
die den Stil für fokussierte Elemente festlegt
Eigenschaft caret-color,
die die Farbe des Textcursors im Input-Feld festlegt