J'ai essayé ce simple HTML: 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? P> P>
4 Réponses :
Vous ne devez pas utiliser beaucoup de CSS pour les boutons, car leur affichage dépend du système d'exploitation des utilisateurs. P>
à la place, vous pouvez utiliser par exemple des images. P>
L'utilisation d'images n'est pas polyvalente.
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 I Habituellement: P> Font-famille CODE> sur les deux éléments identiques et ils seront identiques.
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%;
}
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?
On dirait la même chose pour moi, testé sur Firefox, IE6 et Chrome: http://jsbin.com/oveze A>
S'il vous plaît gardez à l'esprit: p>
Dans Firefox, Google Chrome et Safari font vraiment ressemble vraiment à la même chose, mais dans IE (7+) et l'opéra ne le font pas! Dans la mesure où il y a beaucoup de problèmes de police de style pour le bouton, je décide de remplacer le bouton avec le lien. Merci tout le monde pour les réponses.
Si vous vous souciez d'autant de coiffage, un lien code> vous donnera plus de liberté qu'un bouton, certainement. Mais cela ne se comportera pas exactement le même ...
a eu le même problème dans chrome, a ensuite compris que la cause de la clé était modifiant ceci sur p> corrigé. < / p> p>
Merci, j'ai eu un problème similaire (le lien utilisait le paramètre Antialiased CODE>, dans lequel mon
auto code >).