Comment puis-je supprimer ou désactiver le fond jaune de remplissage automatique de Chrome ?

Fond jaune de la saisie automatique des formulaires de Google Chrome : un dilemme de conception

La fonctionnalité de saisie automatique des formulaires de Google Chrome, conçue pour rationaliser le remplissage des formulaires en ligne, introduit une esthétique dilemme. Lorsque Chrome stocke les informations de connexion, il met en évidence les champs de saisie associés avec un fond jaune bien visible. Bien que pratique, certains utilisateurs trouvent cette palette de couleurs visuellement peu attrayante.

Ce problème a suscité une question parmi les développeurs : comment le fond jaune associé à la fonction de remplissage automatique de Chrome peut-il être supprimé ou désactivé ?

La réponse réside dans le CSS (Cascading Style Sheets), qui permet de personnaliser les éléments de la page Web. En appliquant une règle CSS spécifique, les utilisateurs peuvent modifier la couleur d'arrière-plan des champs de saisie remplis automatiquement.

Voici le code CSS personnalisé :

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

Ce code ajoute un effet d'ombre de boîte à la saisie. champs avec une couleur blanche explicite. Le paramètre "inset" garantit que la couleur est appliquée dans les limites du champ de saisie, masquant ainsi efficacement le fond jaune sans modifier la taille du champ de saisie.

En incorporant cette règle CSS dans leur page Web, les développeurs peuvent créer un expérience utilisateur en éliminant le fond jaune associé à la fonction de remplissage automatique de Chrome, offrant ainsi une esthétique plus cohérente visuellement sur leur site Web.

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!