O fundo do input é transparente, mas quando o navegador completa automaticamente, ele fica com essa cor mostrada na segunda imagem, existe alguma forma de deixar completado, mas que continue transparente? Tentei de várias maneiras, mas nenhuma funciona.
-
O mais perto que consegui chegar foi nisso. Quando autocompletado, o fundo passa a ser transparente.– WossCommented 2/06/2017 às 2:12
-
Funcionou, valeu!– Diego VieiraCommented 2/06/2017 às 2:18
-
Eu não respondo porque foi na tentativa e erro baseado em vários sites. Eu não tenho domínio sobre o que fiz. Se fizer sentido e alguém souber o que está acontecendo no código, sinta-se a vontade para postar como resposta.– WossCommented 2/06/2017 às 2:20
Adicione um comentário
|
1 Resposta
Fiz alguns testes com o nome transparent
e caso atribua esse valor ele sempre vai ficar com essa cor padrão do navegador. O mais recomendado é você colocar a cor do fundo, no seu caso, creio que black.
input:-webkit-autofill {
-webkit-box-shadow:0 0 0 50px black inset; /* aqui muda sua cor do fundo */
-webkit-text-fill-color: #ccc; /* Cor do texto */
}