Remplacement de la police par défaut

Pour garantir un héritage de police cohérent pour tous éléments, les paramètres de police par défaut pour les éléments de formulaire doivent être explicitement remplacés. Ceci peut être réalisé en ajoutant la règle CSS suivante :

input, select, textarea, button {
  font-family: inherit;
}

En ajoutant cette règle, tous les éléments du formulaire hériteront des propriétés de police de leur parent, y compris l'élément

Démonstration

Une démonstration en direct de la solution est disponible sur http://jsfiddle.net/gaby/pEedc/1/. Dans cette démo, les éléments et affichent la police Verdana, comme prévu.

Remarque :

Bien que cette solution fonctionne dans la plupart des navigateurs modernes , Internet Explorer 9 et versions antérieures ne prennent pas en charge l'héritage de polices pour les éléments de formulaire. Dans ces navigateurs, les paramètres de police par défaut remplaceront toujours les propriétés de police héritées.