Discussion :

[Fab le Fou]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 !

[Bisûnûrs]

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

Tu as loupé le plus important :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
-webkit-text-fill-color: green;
-webkit-box-shadow: 0 0 0px 1000px #000 inset;

Qui sont les deux valeurs à utiliser pour jouer des couleurs.

[Fab le Fou]

Ok merci !

Effectivement cela marche mieux de cette façon.
J'ai pu modifier la couleur de la police et la couleur du fond.

Il ne manque plus que le "background-image" que je ne retrouve pas, mais ce n'est pas trop gênant.
À priori, il y a aussi des solutions, mais elles me semblent un peu lourdes pour un petit problème.