CSS Cursor-Farbe-Eigenschaft

Definition und Verwendung

Die caret-color-Eigenschaft legt die Farbe des Cursors (Einlegers) in input, textareas oder jedem editierbaren Element fest.

Beispiel

Setzen Sie die Farbe des Cursors im input-Element fest:

input { 
  caret-color: red;
}

Versuchen Sie es selbst

CSS-Syntax

caret-color: auto|color;

Attributwert

Wert Beschreibung
auto Standard. Der Browser verwendet currentColor für den Einleger.
color

Vorgeschriebene Farbe für den Einleger. Alle gültigen Farbwerte können verwendet werden (rgb, Hexadezimal, benannte Farben usw.).

Für mehr Informationen über gültige Werte, siehe CSS-FarbenTutorials.

Technische Details

Standardwert: auto
Vererbung: Ja
Animationsherstellung: Nicht unterstützt. Siehe:Animationsbezogene Eigenschaften.
Version: CSS3
JavaScript-Syntax: object.style.caretColor="red"

Browser-Unterstützung

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

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