Die caret-colorEigenschaft in CSS ändert die Farbe des Cursors (Caret) in Eingaben, Texareas oder wirklich jedem Element, das bearbeitet werden kann, wie z.
input, textarea, (contenteditable) ( caret-color: red; )Die Farbe des Carets stimmt im Allgemeinen mit der colordes Textes überein. Mit dieser Eigenschaft können Sie diese jedoch unabhängig voneinander ändern.
Es fälschen
Bevor dies existierte, gab es eine Methode, um es zu fälschen, indem der Text zur Transparenz gezwungen wurde (wo dies über unterstützt wurde -webkit-text-fill-color) und der Text wieder farbig angezeigt wurde text-shadow.
Browser-Unterstützung
Diese Browser-Unterstützungsdaten stammen von Caniuse, das detaillierter ist. Eine Zahl gibt an, dass der Browser die Funktion ab dieser Version unterstützt.
Desktop
| Chrom | Feuerfuchs | IE | Kante | Safari |
|---|---|---|---|---|
| 57 | 53 | Nein | 79 | 11.1 |
Handy / Tablet
| Android Chrome | Android Firefox | Android | iOS Safari |
|---|---|---|---|
| 88 | 85 | 81 | 11.3-11.4 |
Verwandte Eigenschaften
Almanach am 27. Januar 2021Caret
.element ( caret: #ff7a18 underscore; )Caret-Farbe bildet 
Geoff Graham