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 ?

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!