Atributo caret-color de CSS

Definición y uso

La propiedad caret-color especifica el color del cursor (símbolo de inserción) en input, textareas o cualquier elemento editable.

Ejemplo

Establecer el color del cursor en el elemento input:

input { 
  caret-color: red;
}

Pruebe usted mismo

Sintaxis de CSS

caret-color: auto|color;

Valor del atributo

Valor Descripción
auto Predeterminado. El navegador utiliza currentColor para el símbolo de inserción.
color

Se especifica el color utilizado para el símbolo de inserción. Se pueden usar todos los valores de color válidos (rgb, hexadecimal, colores nombrados, etc.).

Para obtener más información sobre los valores válidos, consulte Colores CSSTutoriales.

Detalles técnicos

Valor predeterminado: auto
Herencia:
Producción de animación: No se admite. Consulte:Atributos relacionados con la animación.
Versión: CSS3
Sintaxis de JavaScript: object.style.caretColor="red"

Compatibilidad del navegador

Los números en la tabla indican la versión del navegador que completamente admite esta propiedad.

Chrome IE / Edge Firefox Safari Opera
57.0 79.0 53.0 11.1 44.0