La caret-colorpropiedad en CSS cambia el color del cursor (signo de intercalación) en las entradas, áreas de texas o realmente cualquier elemento que sea editable, como:
input, textarea, (contenteditable) ( caret-color: red; )El color del signo de intercalación generalmente coincide con el colordel texto, pero esta propiedad le permite cambiarlos de forma independiente.
Fingiéndolo
Antes de que esto existiera, existía un método para fingir que implicaba forzar el texto a ser transparente (donde se admite a través -webkit-text-fill-color) y hacer que el texto se muestre de nuevo, coloreado, a través text-shadow.
Soporte del navegador
Estos datos de soporte del navegador son de Caniuse, que tiene más detalles. Un número indica que el navegador admite la función en esa versión en adelante.
Escritorio
| Cromo | Firefox | ES DECIR | Borde | Safari |
|---|---|---|---|---|
| 57 | 53 | No | 79 | 11,1 |
Móvil / Tablet
| Android Chrome | Android Firefox | Androide | Safari de iOS |
|---|---|---|---|
| 88 | 85 | 81 | 11.3-11.4 |
Propiedades relacionadas
Almanaque el 27 de enero de 2021signo de intercalación
.element ( caret: #ff7a18 underscore; )formas de color de intercalación 
Geoff Graham