Maison > interface Web > tutoriel CSS > Comment puis-je supprimer la surbrillance jaune du remplissage automatique des formulaires de Google Chrome ?

Comment puis-je supprimer la surbrillance jaune du remplissage automatique des formulaires de Google Chrome ?

Patricia Arquette
Libérer: 2024-12-14 14:04:12
original
583 Les gens l'ont consulté

How Can I Remove the Yellow Highlight from Google Chrome's Form Autofill?

Arrière-plan de remplissage automatique des formulaires de Google Chrome : une solution au surlignage jaune

La fonctionnalité de remplissage automatique des formulaires de Google Chrome est un outil pratique pour remplir rapidement les informations de connexion et les champs de mot de passe. Cependant, certains utilisateurs ont rencontré un problème esthétique où l'arrière-plan rempli automatiquement devient jaune. Cela peut être une distraction, notamment pour les formulaires avec des jeux de couleurs spécifiques.

Pour résoudre ce problème, il est possible de modifier le style CSS des éléments remplis automatiquement. Plus précisément, la propriété "-webkit-box-shadow" peut être modifiée pour changer la couleur d'arrière-plan.

Pour supprimer le fond jaune, ajoutez le code suivant à votre CSS :

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset !important;
}
Copier après la connexion

Remplacez « blanc » par la couleur souhaitée. Ce code définit une grande ombre blanche incrustée, couvrant efficacement le fond jaune.

Après avoir appliqué ce style, les champs remplis automatiquement n'auront plus de fond jaune, garantissant ainsi une apparence plus esthétique à vos formulaires.

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!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal