caret-color

Índice

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.

PropertyChromeInternet Explorer / EdgeFirefoxSafariOpera
clear 1.0 5.0 1.0 1.0 6.0

Referencias técnicas

Puede que también quieras echar un vistazo a estas propiedades de CSS

¿Necesitas ayuda para crear tu Web?

Cuéntanos de que trata y te asesoraremos sin compromiso