DigitalOcean bietet Cloud-Produkte für jede Phase Ihrer Reise. Starten Sie mit 200 $ kostenlosem Guthaben!
Die CSS-Eigenschaft caret-color ändert die Farbe des Cursors (Caret) in Eingabefeldern, Textbereichen oder eigentlich jedem bearbeitbaren Element, wie z. B.
input,
textarea,
[contenteditable] {
caret-color: red;
}Die Farbe des Carets stimmt im Allgemeinen mit der color des Textes überein, aber diese Eigenschaft ermöglicht es Ihnen, diese unabhängig voneinander zu ändern.
Vortäuschen
Bevor es dies gab, gab es eine Methode, um es vorzutäuschen, bei der der Text transparent gemacht wurde (wo unterstützt über -webkit-text-fill-color) und der Text farblich wieder sichtbar gemacht wurde, über text-shadow.
Browser-Unterstützung
Diese Browser-Support-Daten stammen von Caniuse, das mehr Details enthält. Eine Zahl gibt an, dass der Browser das Feature ab dieser Version unterstützt.
Desktop
| Chrome | Firefox | IE | Edge | Safari |
|---|---|---|---|---|
| 57 | 53 | Nein | 79 | 11.1 |
Mobil / Tablet
| Android Chrome | Android Firefox | Android | iOS Safari |
|---|---|---|---|
| 127 | 127 | 127 | 11.3-11.4 |
