Propriedade caret-color

A propriedade caret-color define a cor do cursor de texto na entrada, que aparece ao digitar texto. A propriedade pode aceitar dois valores: auto (padrão) e uma cor escolhida pelo usuário.

Sintaxe

cssseletor {
  caret-color: auto ou cor;
}

Exemplo

Vamos definir a cor padrão do cursor de texto:

html<input>

cssinput {
  padding: 5px;
  caret-color: auto;
}

Результат:

Exemplo

Agora vamos mudar a cor do cursor de texto para azul:

html<input>

cssinput {
  padding: 5px;
  caret-color: blue;
}

Результат:

Veja também

pseudoclasse :fullscreen,
que define o estilo para elementos em modo de tela cheia
pseudoclasse :indeterminate,
que define o estilo para interruptores em estado indeterminado
pseudoclasse :focus-within,
que define o estilo para elementos em foco