molily: Schriftgröße von Suibmit-Buttons

Beitrag lesen

Hallo,

Wenn sich auf der Webseite ein Submit-Button befindet, ist dessen Schriftgröße kleiner als der restliche "normale" Text. Kann das sein?

Ja, kann sein. Das ist so im browserinternen Standard-Stylesheet geregelt. Da steht sinngemäß input[type="button"], button { font-size: 14px } oder ähnliches. Vielleicht bezieht sich der Wert auch auf die eingestellte Basisschriftgröße des Browsers, also z.B. 80% der Basisschriftgröße.

Muss ich also die Schriftgröße des Submit-Buttons noch auf 1em setzen, damit sie genau so groß ist, wie der restliche Text?

Entweder das oder font-size: inherit; (inherit = vererben)

Beachte auch, dass Buttons border und padding haben und als inline-block-Elemente auf der Grundlinie der Zeilenbox liegen. Das heißt, sie sind bei vererbter Schriftgröße viel höher als eine normale Textzeile.

Mathias