CSS caret-color-Eigenschaft

Die caret-color-Eigenschaft legt die Farbe des Einfügemarke-Cursors fest. Es handelt sich um eine dünne vertikale Linie, die aufgrund ihres Blinkens leicht sichtbar ist. Standardmäßig ist diese Einfügemarke schwarz. Die caret-color-Eigenschaft ermöglicht jedoch, der Einfügemarke jede beliebige Farbe zuzuweisen.

Anfangswert	auto
Gilt für	Elemente, die Texteingabe akzeptieren.
Vererbt	Nein.
Animierbar	Nein.
Version	CSS3
DOM-Syntax	object.style.caretColor = "#1c87c9";

Syntax

Syntax der CSS caret-color-Eigenschaft

css

caret-color: auto | color;

Beispiel für die caret-color-Eigenschaft:

Beispiel der CSS caret-color-Eigenschaft mit transparentem und farbigem Wert

html

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
    <style>
      .caret-example1 {
        caret-color: transparent;
      }
      .caret-example2 {
        caret-color: #1c87c9;
      }
    </style>
  </head>
  <body>
    <h2>Caret-color property example</h2>
    <input value="Default caret color" />
    <br />
    <br />
    <input class="caret-example1" value="Transparent caret color" />
    <br />
    <br />
    <input class="caret-example2" value="Custom caret color" />
  </body>
</html>

Try it Yourself »

Werte

Wert	Beschreibung
auto	Legt die aktuelle Textfarbe fest. Dies ist der Standardwert.
color	Legt eine Farbe für die Einfügemarke fest.
initial	Legt die Eigenschaft auf ihren Standardwert zurück.
inherit	Erbt die Eigenschaft von ihrem übergeordneten Element.

Praxis

Was ist die Funktion der CSS caret-color-Eigenschaft?

Sie ermöglicht es Ihnen, die Farben der Elemente auf Ihrer HTML-Seite programmatisch zu ändern.Sie ermöglicht es Ihnen, die Farbe der Einfügemarke in einem Eingabefeld zu ändern.Sie ermöglicht es Ihnen, die Hintergrundfarbe einer Webseite zu ändern.Sie ermöglicht es Ihnen, die Schriftfarbe Ihres Textes zu gestalten.Sie ändert die Farbe des Text-Einfügemarke-Cursors, also der Einfügemarke, in Eingabeelementen und bearbeitbarem Inhalt.

CSS caret-color-Eigenschaft ​

Syntax ​

Beispiel für die caret-color-Eigenschaft: ​

Werte ​

Praxis ​

CSS caret-color-Eigenschaft

Syntax

Beispiel für die caret-color-Eigenschaft:

Werte

Praxis