Eigenschaft caret-color

Die Eigenschaft caret-color legt die Farbe des Textcursors im Input fest, der bei der Texteingabe erscheint. Die Eigenschaft kann zwei Werte annehmen: auto (Standard) und eine vom Benutzer gewählte Farbe.

Syntax

cssSelektor {
  caret-color: auto oder Farbe;
}

Beispiel

Lassen Sie uns die Standardfarbe des Textcursors festlegen:

html<input>
cssinput {
  padding: 5px;
  caret-color: auto;
}

Результат:

Beispiel

Und nun lassen Sie uns den Textcursor blau einfärben:

html<input>
cssinput {
  padding: 5px;
  caret-color: blue;
}

Результат:

Siehe auch

  • die Pseudoklasse :fullscreen,
    die Stile für Elemente im Vollbildmodus festlegt
  • die Pseudoklasse :indeterminate,
    die Stile für Umschaltfelder festlegt, die sich in einem unbestimmten Zustand befinden
  • die Pseudoklasse :focus-within,
    die Stile für Elemente im Fokus festlegt