1
resposta

[Dúvida] A lupa não some quando começa a escrever

Olá pessoal

Um ajudinha aqui, fiz exatamente o código indicado, mas a lupa não some quando começo a digitar:

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

1 resposta

Opa Carolina! Tudo bem?

No caso eu precisaria do seu código para poder ajudar, mas esse problema pode estar relacionado a forma que você adicionou a imagem, o recomendado é que ela seja carregada diretamente pelo CSS, vou deixar abaixo a forma que fiz, se o seu estiver muito destoante peço que coloque o código no GitHub e me mande o link do repositório para eu dar uma olhada e lhe ajudar:

.banner__pesquisa {
    background-color: transparent;
    border: 1px solid var(--branco);
    color: var(--branco);
    border-radius: 24px;
    padding: 1em;
    width: 90%;
}

.banner__pesquisa::placeholder {
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    color: var(--branco);
    background: url(../img/Pesquisa.png) no-repeat;
    background-position: 0;
}

Era isso, se precisar eu estarei por aqui!

Abraços e bons estudos.