Olá Pessoal,
É possível alterar o "X" que cancela a escrita do placeholder?
no projeto ele ficou da mesma cor do fundo, queria deixar branco.
Solucionado
Olá Pessoal,
É possível alterar o "X" que cancela a escrita do placeholder?
no projeto ele ficou da mesma cor do fundo, queria deixar branco.
hoje, com a Alura e o Google Gemini
Olá Daniel!
Sim, é possível alterar a cor do "X" que cancela a escrita do placeholder. Para isso, você pode utilizar o seguinte código CSS:
::-webkit-search-cancel-button {
-webkit-appearance: none;
height: 20px;
width: 20px;
background-image: url('caminho/para/o/seu/icone.png');
background-size: contain;
background-repeat: no-repeat;
cursor: pointer;
}Nesse código, você pode substituir o caminho para o ícone que deseja utilizar e definir a altura e largura do botão de cancelamento. Além disso, é importante ressaltar que esse código funciona apenas para navegadores que utilizam o motor de renderização WebKit, como o Google Chrome e o Safari.
Espero ter ajudado e bons estudos!