A caret-color
propriedade em CSS muda a cor do cursor (circunflexo) em entradas, áreas de texto ou realmente qualquer elemento que seja editável, como:
input, textarea, (contenteditable) ( caret-color: red; )
A cor do acento circunflexo geralmente corresponde à color
do texto, mas esta propriedade permite que você as altere independentemente.
Fingindo
Antes de isso existir, havia um método para falsificá-lo envolvendo forçar o texto a ser transparente (quando suportado por -webkit-text-fill-color
) e fazer o texto aparecer novamente, colorido, por text-shadow
.
Suporte para navegador
Os dados de suporte deste navegador são do Caniuse, que tem mais detalhes. Um número indica que o navegador oferece suporte ao recurso nessa versão e superior.
Área de Trabalho
cromada | Raposa de fogo | IE | Beira | Safári |
---|---|---|---|---|
57 | 53 | Não | 79 | 11,1 |
Celular / Tablet
Android Chrome | Android Firefox | Android | iOS Safari |
---|---|---|---|
88 | 85 | 81 | 11,3-11,4 |
Propriedades relacionadas
Almanaque em 27 de janeiro de 2021acento circunflexo
.element ( caret: #ff7a18 underscore; )
circunflexo formas Geoff Graham