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
seletor {
caret-color: auto ou cor;
}
Exemplo
Vamos definir a cor padrão do cursor de texto:
<input>
input {
padding: 5px;
caret-color: auto;
}
:
Exemplo
Agora vamos mudar a cor do cursor de texto para azul:
<input>
input {
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
