8
votes

HTML, CSS ..: Différence de la taille de la police dans les boutons et sélectionne que pour le texte brut (au moins dans FF)

J'ai cette règle: xxx

mais j'ai une taille de police différente pour les sélectionnements et les boutons pour le texte brut.

Que dois-je faire si je veux la même taille pour tout?

considère

javi


0 commentaires

5 Réponses :


0
votes

Pas sûr des boutons, mais la plupart des navigateurs essaient de styles


0 commentaires

20
votes

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;
}


2 commentaires

+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.



6
votes
body,
input,
select,
button {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 12px;
}

0 commentaires

3
votes

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;
}


4 commentaires

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 . Je ne sais pas ce que polices: -MOZ champ; 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)



2
votes

<html>
  <head>
  </head>
  <body>
  <p>An example of a sans-serif font</p>
  <button>Cick Me</button>
  </body>
 </html>


1 commentaires

Pourriez-vous prolonger votre réponse avec quelques détails sur pourquoi cela se produit?