CSS-Eigenschaft caret-color
Die Eigenschaft caret-color definiert die Farbe des Cursors für die Einfügung. Es ist eine dünne vertikale Linie, die standardmäßig schwarz ist. Diese Eigenschaft ermöglicht es, jede beliebige Farbe auf die Einfügemarke anzuwenden.
caret-color: auto | color;
<!DOCTYPE html>
<html>
<head>
<title>Der Titel des Dokuments</title>
<style>
.caret-example1 {
caret-color: transparent;
}
.caret-example2 {
caret-color: #1c87c9 ;
}
</style>
</head>
<body>
<h2>Ein Beispiel für die Eigenschaft caret-color</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>