Comment puis-je supprimer ou personnaliser le fond jaune de la fonctionnalité de remplissage automatique de Google Chrome ?

Arrière-plan de saisie automatique de Google Chrome : une énigme de conception

La fonctionnalité de saisie automatique de Google Chrome est un outil pratique pour remplir rapidement des formulaires avec des identifiants et des mots de passe enregistrés . Cependant, certains utilisateurs peuvent trouver le fond jaune qui apparaît lorsque Chrome remplit automatiquement un champ comme étant visuellement distrayant. Cet article explore le problème sous-jacent et propose une solution pour supprimer ou désactiver l'arrière-plan de remplissage automatique.

Le fond jaune est une indication visuelle que Chrome remplit automatiquement le champ du formulaire. Il est conçu pour attirer l'attention sur la suggestion de remplissage automatique et indiquer clairement que Chrome gère les données. Bien que cela puisse être utile pour certains utilisateurs, d'autres peuvent préférer une apparence plus subtile ou personnalisable.

Pour supprimer ou désactiver l'arrière-plan de remplissage automatique jaune, vous pouvez utiliser des styles CSS personnalisés. Le code suivant peut être ajouté à la page ou inclus via une feuille de style utilisateur :

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

Explication :

Cette règle CSS cible les champs de saisie qui sont remplis automatiquement par Chrome. Plus précisément, il modifie la propriété shadow de WebKit pour créer une grande ombre blanche incrustée. L'indicateur « important » garantit que ce style personnalisé remplace tous les styles de navigateur par défaut. En conséquence, l'arrière-plan de remplissage automatique sera effectivement masqué car l'ombre couvre tout le champ de saisie.

En ajustant la valeur "blanc" dans le code, vous pouvez spécifier une couleur différente pour l'arrière-plan. Cela vous permet de personnaliser l'apparence des champs remplis automatiquement pour qu'ils correspondent à vos propres préférences de conception.

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!