Pourquoi mon élément \'Input\' n'hérite-t-il pas de la police du \'Body\' ?

L'entrée n'hérite pas de la police du corps

Lors de l'utilisation de CSS pour styliser des éléments HTML, il peut parfois arriver que certains éléments n'héritent pas des propriétés de style comme prévu. Cela peut être le cas des champs de saisie, qui par défaut n'héritent pas de la propriété font-family de leur élément parent.

Dans l'exemple fourni, les règles CSS sont définies pour définir une famille de polices spécifique pour les deux L'élément body et les classes personnalisées adm sont appliqués à la fois aux éléments label et input. Cependant, dans Firefox, la police du champ de saisie ne correspond pas à celle du libellé.

Pour résoudre ce problème, vous pouvez spécifier explicitement que le champ de saisie doit hériter de sa police de son élément parent en utilisant CSS :

<code class="css">input, select, textarea, button {
  font-family: inherit;
}</code>

En ajoutant cette règle, le champ de saisie héritera désormais de la propriété font-family définie dans l'élément body, garantissant qu'il utilise la même police que le reste du texte de la page.

Vous pouvez le vérifier en visionnant une démo : http://jsfiddle.net/gaby/pEedc/1/.

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!