Maison >interface Web >tutoriel CSS >Comment puis-je remplacer le remplissage automatique des formulaires du navigateur et la mise en surbrillance des entrées à l'aide de HTML et CSS ?

Comment puis-je remplacer le remplissage automatique des formulaires du navigateur et la mise en surbrillance des entrées à l'aide de HTML et CSS ?

DDD
DDDoriginal
2024-12-13 18:41:15276parcourir

How Can I Override Browser Form Auto-Filling and Input Highlighting Using HTML and CSS?

Remplacement du remplissage automatique des formulaires du navigateur et de la mise en surbrillance des entrées

Lorsque vous travaillez avec plusieurs formulaires sur une seule page, il est courant de rencontrer des problèmes avec l'auto -remplissage et mise en évidence indésirable. Cet article répond à ces préoccupations, en se concentrant sur l'utilisation de HTML/CSS pour désactiver le remplissage automatique et remplacer le surlignage jaune.

Désactivation du remplissage automatique

La solution précédente impliquant le l'utilisation d'éléments forts à l'intérieur des ombres est devenue obsolète dans les versions plus récentes de Chrome. Une approche alternative consiste à supprimer le remplissage automatique en :

<input autocomplete="off" ...>

Remplacer la couleur de surbrillance

Pour remplacer le surlignage jaune indésirable, appliquez la règle CSS suivante :

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 50px your_background_color inset;
    -webkit-text-fill-color: your_font_color;
}

Remplacez "your_background_color" par la couleur d'arrière-plan souhaitée et "your_font_color" par la police souhaitée couleur.

Remarque : Cette solution peut ne pas être pleinement efficace dans tous les navigateurs. Certains navigateurs, tels que Firefox, peuvent encore afficher une légère surbrillance jaune.

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!

Déclaration:
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