autocomplétion input sur chrome/chromium
Hello,
Je bloque sur un petit problème spécifique à webkit manifestement.
Ma feuille de style spécifie certaines caractéristiques (fond d'écran, couleur police...) pour les champs de formulaire.
Sur firefox aucun problème. Par contre sur chromium (et je suppose tous les navigateurs basé sur webkit), il y a un problème lorsque le navigateur complète lui-même un champ input, par exemple quand un mot de passe est déjà connu et proposé à l'utilisateur. Le fond d'écran devient blanc, la police noire, etc.
Le problème est manifestement connu et j'ai trouvé une "solution" sur ce blog :
https://css-tricks.com/snippets/css/...bkit-browsers/
Que j'ai essayé d'appliquer :
Code:
1
2
3
4
5
6
7
8
9
| input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus
{
appearance: none !important;
background-image: url("../img/background-texture.png") !important;
background-color: #8c599c !important;
color: white !important;
} |
Malheureusement cela ne semble pas/plus fonctionner...
Pourtant lorsque j'inspecte le champ input avec l'outil de développement de chrome, le code css semble pris en compte, mais pas à l'affichage...
Vous pouvez voir un de mes formulaires sur cette page :
https://www.wikilerni.com/inscription.html
Mais il faut que votre navigateur vous propose une valeur, pour que vous pussiez constater le bug...
Le problème n'est pas très grave, mais si vous avez une solution je suis preneur. Cela fera plus propre :)
Merci !
