11
votes

Taille de police pour le bouton et le lien

J'ai essayé ce simple HTML: xxx

et a découvert que la taille de police de ce bouton est plus grande que la taille de la police du lien en dépit de style. Est-ce que quelqu'un sait pourquoi le style fonctionne différemment pour le lien et pour le bouton et comment les faire ressembler à la même chose?


0 commentaires

4 Réponses :


-5
votes

Vous ne devez pas utiliser beaucoup de CSS pour les boutons, car leur affichage dépend du système d'exploitation des utilisateurs.

à la place, vous pouvez utiliser par exemple des images.


1 commentaires

L'utilisation d'images n'est pas polyvalente.



25
votes

La taille de la police est la même. Mais il looks em> est différent car la police de page par défaut est différente de la police de champ d'entrée par défaut. Définissez le Font-famille CODE> sur les deux éléments identiques et ils seront identiques.

I Habituellement: P>

body, input, button, select, option, textarea {
    font-family: ...; /* whatever font */
}
body {
    font-size: x%; /* whatever base font size I want */
}
input, button, select, option, textarea {
    font-size: 100%;
}


2 commentaires

J'ai mis la même famille de polices pour le lien et le bouton et obtenez le même résultat. Le texte à l'intérieur du texte et le lien ont une taille différente.


Travaille pour moi, dans n'importe quel navigateur. Publiez votre cas de test exact qui ne fonctionne pas?




4
votes

a eu le même problème dans chrome, a ensuite compris que la cause de la clé était xxx

modifiant ceci sur xxx

corrigé. < / p>


1 commentaires

Merci, j'ai eu un problème similaire (le lien utilisait le paramètre Antialiased , dans lequel mon utilisait auto ).