Font-family不会继承到表单输入字段？

Question

不要输入文本字段或选择框等html表单输入元素自动从正文继承font-family属性吗？例如:

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

它不会在下面的表单输入字段中使用上面的字体:

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

   <div>
</form>

我们必须为输入字段重新定义字体系列,或者我做错了什么？

Answer 1

是的,您需要将其font放入input标签中.

input{
  padding:5px;
  font-size:16px;
  font-family:'Lucida Casual', 'Comic Sans MS';    
}

您还可以使用inherit设置fonton form字段.

input, textarea, select { font-family:inherit; }

编辑 - 添加了解释

大多数浏览器将form元素内的文本呈现为用户操作系统的文本.据我所知,这是为了保持用户的共同外观.但是,它可以被上面的代码覆盖.