Font-family is not inherited to the form input fields?

Viewed 58760

Don't the html form input elements such as input text field or select box automatically inherit the font-family property from the body? For example:

body {
 font-family:'Lucida Casual', 'Comic Sans MS';
}

It will not use the above font in the below form input field:

<form> 
   <div>
        <label for="name">Name</label>  
        <input id="name" name="name" type="text" />  

   <div>
</form>

Please have a look at http://jsfiddle.net/3fkNJ/

Is it common that we have to re-define the font family for the input fields, or am i doing something wrong?

4 Answers
Related