Propriedade caret-color do CSS

Definição e uso

A propriedade caret-color define a cor do cursor (símbolo de inserção) dentro do elemento input, textareas ou qualquer elemento editável.

Exemplo

Defina a cor do cursor no elemento input:

input { 
  caret-color: red;
}

Experimente você mesmo

Sintaxe do CSS

caret-color: auto|color;

Valor da propriedade

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

Define a cor usada para o símbolo de inserção. Pode usar todos os valores de cor válidos (rgb, hexadecimal, nomes de cores, etc.).

Para mais informações sobre valores válidos, veja Cores CSSTutorial.

Detalhes técnicos

Valor padrão: auto
Herança: Sim
Produção de animação: Não suportado. Veja:Propriedades relacionadas a animação.
Versão: CSS3
Sintaxe do JavaScript: object.style.caretColor="red"

Suporte do navegador

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

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