Style caretColor-Eigenschaft

Definition und Verwendung

caretColor Diese Eigenschaft legt die Farbe des Cursors (Einsetzzeichens) in Eingabefeldern, Textbereichen oder jedem editierbaren Element fest.

Weitere Informationen siehe:

CSS-Referenzhandbuch:caret-color-Eigenschaft

Beispiel

Setzen Sie die Farbe des Cursors im Eingabefeld auf rot:

document.getElementById("input1").style.caretColor = "red";

Probieren Sie es selbst aus

Syntax

Rückgabe der caretColor-Eigenschaft:

object.style.caretColor

Setzen Sie die caretColor-Eigenschaft:

object.style.caretColor = "auto|color|initial|inherit"

Eigenschaftswert

Wert Beschreibung
auto Standard. Der Browser verwendet currentColor für das Einsetzzeichen.
color

Regelung zur Farbe des Einsetzzeichens. Alle gültigen Farbenwerte können verwendet werden (rgb, hex, benannte Farben usw.).

Für mehr Informationen über gültige Werte lesen Sie unsere CSS-Farben-Tutorial.

initial Setzen Sie diesen Wert auf seinen Standardwert. Siehe initial.
inherit Erben Sie diese Eigenschaft von ihrem Elternelement. Siehe inherit.

Technische Details

Standardwert: auto
Rückgabewert: Zeichenkette, die die Farbe des Einsetzzeichens des Elements angibt.
CSS-Version: CSS3

Browser-Unterstützung

Die Zahlen in der Tabelle weisen auf die erste Browserversion hin, die diese Eigenschaft vollständig unterstützt.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
57.0 79.0 53.0 11.1 44.0