Definición de .caret-color en CSS
La propiedad .caret-color en CSS cambia el color del cursor (careto) en entradas, texareas o realmente cualquier elemento que sea editable, como:
Caso de uso : propiedad CSS caret-color
Si te gustaría emplear esta propiedad de CSS en tu stylesheet, hazlo de la siguiente manera:
input,
textarea,
[contenteditable] {
caret-color: red;
}Otro ejemplo más avanzado de .caret-color es el siguiente de CODEPEN:
Sintaxis de .caret-color en CSS
caret-color: auto|color|initial|inherit;Valores
| Valor | Descripción |
|---|---|
| auto | Defecto. Los navegadores usan el color actual para el signo de intercalación |
| color | Especifica un color para usar para el signo de intercalación. Se pueden utilizar todos los valores de color legales (rgb, hexadecimal, color con nombre, etc.). Para obtener más información sobre los valores legales, lea nuestro Tutorial de colores CSS |
| inicial | Establece esta propiedad en su valor predeterminado. |
| heredar | Hereda esta propiedad de su elemento principal. |
Exploradores compatibles con .caret-color
Los números de la tabla detallan la primera versión del navegador que es absolutamente compatible con la propiedad.
Los números seguidos de -webkit- detallan la primera versión que funcionó con un prefijo.
| Property | Chrome | Internet Explorer / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| clear | 1.0 | 5.0 | 1.0 | 1.0 | 6.0 |
