Olá pessoal
Um ajudinha aqui, fiz exatamente o código indicado, mas a lupa não some quando começo a digitar:
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Olá pessoal
Um ajudinha aqui, fiz exatamente o código indicado, mas a lupa não some quando começo a digitar:
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.