Autofill do Chrome
26/06/2017
0
Continuando a saga do formulário!
Tive um impasse com o Autofill do chrome. Coloquei meus inputs com um estilo, mas na hora do autofill, fica aquele amarelo e acaba estragando a harmonia do layout.
Eu achei uma solução, mas que não gostei nem um pouco, segue:
Ou seja, ele usa o box-shadow inset para enganar a cor amarela que o chrome usa, mas achei essa solução bem ruim.
No meu input eu usava box-shadow, eu perco ele na hora do autofill.
Alguém tem uma solução melhor?
Tive um impasse com o Autofill do chrome. Coloquei meus inputs com um estilo, mas na hora do autofill, fica aquele amarelo e acaba estragando a harmonia do layout.
Eu achei uma solução, mas que não gostei nem um pouco, segue:
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0 30px white inset;
Ou seja, ele usa o box-shadow inset para enganar a cor amarela que o chrome usa, mas achei essa solução bem ruim.
No meu input eu usava box-shadow, eu perco ele na hora do autofill.
Alguém tem uma solução melhor?
Dayan Barros
Curtir tópico
+ 0
Responder
Posts
01/08/2017
Raphael Alves
Eu também passei por isso, infelizmente só encontrei essa maneira mesmo, acho que é a única. :/
Abs.
Abs.
Responder
02/08/2017
Dayan Barros
Fala Raphael
O ruim disso é que eu também mudo o placeholder por um webkit etc. Mas quando aplico essa solução, ele muda o placeholder dele também.
Achei a solução bem ruim, queria uma melhor, até por jQuery ta valendo, se tiver.
Abs
O ruim disso é que eu também mudo o placeholder por um webkit etc. Mas quando aplico essa solução, ele muda o placeholder dele também.
Achei a solução bem ruim, queria uma melhor, até por jQuery ta valendo, se tiver.
Abs
Responder
Clique aqui para fazer login e interagir na Comunidade :)