Comment corriger le fond jaune dans la saisie automatique des formulaires de Google Chrome ?

Remplissage automatique des formulaires Google Chrome : résoudre le problème du fond jaune

La fonctionnalité de remplissage automatique des formulaires de Google Chrome remplit facilement les champs de connexion et de mot de passe, mais son jaune l’arrière-plan peut parfois être esthétiquement déplaisant. Ce problème peut survenir lorsque Chrome stocke les informations d'identification mémorisées.

Solution : Suppression de l'arrière-plan jaune

Pour supprimer l'arrière-plan jaune et désactiver la fonctionnalité de saisie automatique, procédez comme suit :

1. Ouvrez le panneau Outils de développement Chrome en appuyant sur Ctrl Shift I (Windows) ou Cmd Shift I (macOS).
2. Sélectionnez l'onglet "Éléments".
3. Recherchez l'élément HTML correspondant au champ de saisie avec le fond jaune.
4. Dans le volet Styles, recherchez le Propriété "box-shadow".
5. Remplacez la valeur "white" à l'intérieur de la propriété box-shadow par "transparent."

L'extrait de code mis à jour ci-dessous :

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px transparent inset !important;
}

Cette modification remplace le fond jaune par un fond transparent, le supprimant ainsi. De plus, en désactivant la fonctionnalité de remplissage automatique, Chrome ne stockera plus les informations d'identification mémorisées.

Personnalisation de la couleur de remplissage automatique

Si vous préférez utiliser une couleur d'arrière-plan différente pour le champs de remplissage automatique, remplacez simplement « transparent » par la valeur de couleur souhaitée. Par exemple, pour utiliser une couleur bleu clair, mettez à jour le code comme suit :

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #edf2f7 inset !important;
}

En personnalisant le CSS, vous pouvez modifier l'apparence et les fonctionnalités de la fonction de remplissage automatique du formulaire pour répondre à vos exigences de conception spécifiques.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!