La caret-colorpropriété en CSS change la couleur du curseur (caret) dans les entrées, les texareas, ou en fait tout élément modifiable, comme:
input, textarea, (contenteditable) ( caret-color: red; )La couleur du curseur correspond généralement à celle colordu texte, mais cette propriété vous permet de les modifier indépendamment.
Semblant
Avant que cela n'existe, il y avait une méthode pour le simuler impliquant de forcer le texte à être transparent (lorsque pris en charge via -webkit-text-fill-color) et de faire en sorte que le texte s'affiche de nouveau, colorisé, via text-shadow.
Prise en charge du navigateur
Ces données de support de navigateur proviennent de Caniuse, qui contient plus de détails. Un nombre indique que le navigateur prend en charge la fonctionnalité dans cette version et plus.
Bureau
| Chrome | Firefox | C'EST À DIRE | Bord | Safari |
|---|---|---|---|---|
| 57 | 53 | Non | 79 | 11,1 |
Mobile / tablette
| Chrome Android | Android Firefox | Android | Safari sur iOS |
|---|---|---|---|
| 88 | 85 | 81 | 11,3-11,4 |
Propriétés connexes
Almanach le 27 janv.2021caret
.element ( caret: #ff7a18 underscore; )formes caret-couleur 
Geoff Graham