CSS 表单元素不继承body的字体属性

当我们在网站中使用 CSS 样式表来设置字体属性时，我们可能遇到一些表单元素不受 CSS 字体属性影响的情况。具体而言，就是表单元素不会继承 body 标签的字体属性。

造成这种情况的原因在于不同的浏览器对于不同表单元素的默认样式设置不同，因此我们需要使用 CSS 样式表来单独设置表单元素的字体属性。

以下是两条示例说明：

1. 设置 input 元素的字体属性

我们可以使用以下 CSS 代码来设置 input 元素的字体属性：

input {
  font-family: Arial, sans-serif;
  font-size: 16px;
}

上述代码将 input 元素的字体设置为 Arial 字体，字号为 16 像素。这样，即使 body 标签设置了其他的字体属性，input 元素也会按照我们的设置来显示。

1. 设置 select 元素的字体属性

另一个常见的表单元素是 select 元素，我们可以使用以下 CSS 代码来设置 select 元素的字体属性：

select {
  font-family: Georgia, serif;
  font-size: 14px;
}

上述代码将 select 元素的字体设置为 Georgia 字体，字号为 14 像素。同样地，即使 body 标签设置了其他的字体属性，select 元素也会按照我们的设置来显示。

总结来说，我们需要对每个表单元素分别设置字体属性，以确保它们都按照我们的期望来显示。同时，我们可以使用浏览器开发工具来检查每个表单元素的默认样式设置，以便更好地定位问题。