CODEWITHSUNDEEP
htmlcss
smurfarita
smurfarita

Reputation: 148

Input rendering text larger than size defined in CSS

This seems really obscure to me but does anyone know why a font inside an input tag will display larger than defined if the font face is not defined in the CSS for the input element itself versus only the parent container or body tag?

Example: http://jsfiddle.net/cLffe/1/

I noticed this in Safari, Firefox and Chrome. Is this a browser bug or am I missing something about default CSS for input elements?

Upvotes: 0

Views: 434

Answers (1)

InanisAtheos
InanisAtheos

Reputation: 632

Because the <input> does not inherit the font-face. Short and to the point :)

Upvotes: 1

Related Questions