Propriedade caretColor do estilo

Definição e uso

caretColor A propriedade define a cor do cursor (símbolo de inserção) dentro de campos de entrada, áreas de texto ou qualquer elemento editável.

Veja também:

Manual de referência do CSS:Propriedade caret-color

Exemplo

Definir a cor do cursor dentro do campo de entrada como vermelha:

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

Experimente você mesmo

Sintaxe

Retornar a propriedade caretColor:

object.style.caretColor

Definir a propriedade caretColor:

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

Valor da propriedade

Valor Descrição
auto Padrão. O navegador usa currentColor para o símbolo de inserção.
color

Define a cor do símbolo de inserção. Pode usar todos os valores de cores válidos (rgb, hex, cores nomeadas, etc.).

Para mais informações sobre valores válidos, leia nossa Tutoriais de cores do CSS.
initial Defina essa propriedade para seu valor padrão. Veja initial.
inherit Herda essa propriedade do elemento pai. Veja inherit.

Detalhes técnicos

Valor padrão: auto
Retorno: String que representa a cor do símbolo de inserção do elemento.
Versão do CSS: CSS3

Suporte do navegador

Os números na tabela indicam a versão do navegador que suporta completamente essa propriedade.

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