Atributo caretColor del estilo

Definición y uso

caretColor El atributo especifica el color del cursor (símbolo de inserción) en el campo de entrada, el área de texto o cualquier elemento editable.

Vea también:

Manual de referencia de CSS:Atributo caret-color

Ejemplo

Configurar el color del cursor en el campo de entrada en rojo:

document.getElementById("input1").style.caretColor = "red";

Pruebe usted mismo

Sintaxis

Devolver el atributo caretColor:

object.style.caretColor

Configurar el atributo caretColor:

object.style.caretColor = "auto|color|initial|inherit"

Valor del atributo

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

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

Para obtener más información sobre los valores válidos, lea nuestra Tutoriales de colores CSS.
initial Establezca este atributo en su valor predeterminado. Consulte initial.
inherit Hereda este atributo del elemento padre. Consulte inherit.

Detalles técnicos

Valor predeterminado: auto
Valor de retorno: Cadena que representa el color de inserción del elemento.
Versión de CSS: CSS3

Compatibilidad del navegador

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

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