Pourquoi les champs n'héritent-ils pas des styles de police de leurs éléments parents dans tous les navigateurs ?

Les champs

n'héritent-ils pas des styles de police de leurs éléments parents dans tous les navigateurs ? " />

Problème d'héritage des polices dans les champs

Dans un document HTML, certains éléments peuvent ne pas hériter du style de police défini pour leur élément parent . Cela peut être observé pour les champs , comme illustré dans un exemple spécifique :

<label class="adm" for="UserName">User name</label> <br><input class="adm" id="UserName" name="UserName" size="30" type="text" value="" />

Si CSS est appliqué pour hériter de la famille de polices de l'élément vers ces éléments de formulaire :

body,html { font-family: Verdana,Arial,Helvetica,sans-serif margin : 0 ; remplissage : 0 ; couleur : #111 ;><br>label.adm { taille de police : 0,9em ; marge : 0 0 3px 3px ; em; margin:0 0 3px 3px; }

Firefox restitue ces éléments avec des polices différentes Alors que l'élément affiche une police différente, "MS Shell Dlg".

Cette différence est due au fait que L'élément n'hérite pas de la famille de polices par défaut dans tous les navigateurs. Pour forcer explicitement l'héritage, CSS peut être utilisé :

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

Par incorporant cette règle, le Le champ héritera de la famille de polices de son parent élément, garantissant la cohérence du style de police. Une démonstration en direct de cette solution est disponible sur 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!