Do the html form input elements like text fields or select boxes automatically inherit the font-family property from the body? For instance:
body {
font-family: 'Lucida Casual', 'Comic Sans MS';
}
The above font will not be applied to the form input field below:
<form>
<div>
<label for="name">Name</label>
<input id="name" name="name" type="text" />
<div>
</form>
Take a look at http://jsfiddle.net/3fkNJ/
Is it typical to have to redefine the font family for the input fields, or am I missing something?