J'ai cette règle: mais j'ai une taille de police différente pour les sélectionnements et les boutons pour le texte brut. P> Que dois-je faire si je veux la même taille pour tout? p> considère p> javi p> p>
5 Réponses :
Pas sûr des boutons, mais la plupart des navigateurs essaient de styles
Les éléments formulaires habituels ne hérimentent pas de ces propriétés, vous devez donc faire:
body{ font-family: Arial,Helvetica,sans-serif; font-size: 12px; } input, select, button{ font-family: inherit; font-size: inherit; }
+1, Savez-vous si hérit fonctionne également pour les éléments TD d'hériter de la police de police / famille de police?
Cela devrait être la réponse préférée. Grands trucs.
body, input, select, button { font-family: Arial,Helvetica,sans-serif; font-size: 12px; }
Par défaut, formez des éléments tels que l'entrée de texte de type et de mot de passe (Soumettre et bouton?), Sélectionner, textarea et bouton sont stylés avec une police monospace avec une taille obtenue d'env. 13.33px.
Vous pouvez vérifier c: \ Program Files \ firefox \ res \ formes.css.Css code> (sous WinXP) ou avec Firebug dans la partie HTML, le petit triangle à droite de style onglet ==> Propriétés CSS par défaut
body {
font: normal 62.5%/1.5 Verdana,Arial,Helvetica,sans-serif;
}
input, select, textarea, button {
font-size: 1.2em;
}
p {
font-size: 1.2em;
}
Bonjour, pourriez-vous expliquer où cela vient-il? (La taille de police par défaut)
@Paulco C'est le CSS UA par défaut (les styles appliqués par chaque navigateur à une page HTML avant tout autre utilisateur et auteur / développeur). Peut maintenant être trouvé ici pour Firefox A >. Je ne sais pas ce que polices: -MOZ champ; code> signifie mais c'est ce qui est appliqué :) Vous pouvez voir ces styles par défaut dans les devtools modernes en activant une option
Merci pour cette information! Je suis toujours surpris que vous ne puissiez pas voir cela sur MDN ou une autre plate-forme.
Oublié de mentionner ma source pour le lien: Stackoverflow.com/a/3980775/137626 (supprimer HTML.CSS dans le FX Lien pour voir tous les fichiers mais, eh bien, il est plus simple en F12 sur une base par élément). Il existe également un lien vers WebKit (les deux sont open source, cela aide!). De plus, W3C HTML 5 a Suggestions . Et enfin, normalize.css et redémarrage.css vous aideront à ne pas avoir à considérer ces différences (réinitialiser CSS est une autre bête: ils vont tuer n'importe quel style qui est trop IMHO)
<html> <head> </head> <body> <p>An example of a sans-serif font</p> <button>Cick Me</button> </body> </html>
Pourriez-vous prolonger votre réponse avec quelques détails sur pourquoi cela se produit?