Comment empêcher Chrome de changer de police lors du remplissage automatique ?

Empêcher le changement de police de Chrome lors du remplissage automatique

Rencontrer des changements de police inattendus dans la fonction de remplissage automatique de Chrome peut être frustrant, surtout lorsque cela affecte l'alignement de votre formulaire de connexion. La résolution de ce problème nécessite une compréhension du mécanisme de remplissage automatique du navigateur.

Chrome utilise une propriété CSS spécifique, -webkit-autofill, pour gérer les suggestions de remplissage automatique. En ciblant cette propriété, nous pouvons influencer l'apparence des suggestions de remplissage automatique, y compris la police.

L'extrait de code fourni dans la question implémente le ciblage de remplissage automatique avec -webkit-auto-fill. Cependant, il lui manque la spécificité nécessaire pour remplacer la modification de police par défaut de Chrome. Par conséquent, les modifications de police souhaitées ne prennent pas effet.

Pour obtenir le comportement souhaité, nous devons utiliser un ciblage plus spécifique. En utilisant -webkit-autofill::first-line, nous pouvons cibler spécifiquement la première ligne du texte rempli automatiquement. Ce sélecteur plus raffiné garantit que nos modifications de police ont priorité sur celles par défaut de Chrome.

Voici le code mis à jour :

input {
  &:-webkit-autofill::first-line {
    font-family: Times, "Times New Roman", serif !important;
  }
}

En mettant en œuvre cette approche ciblée, vous pouvez efficacement empêcher Chrome de modifier la police. lors du remplissage automatique, en préservant votre alignement et en conservant l'apparence souhaitée de votre formulaire de connexion.

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!