为什么我的“Input”元素不从“Body”继承字体？

输入未从 Body 继承字体

使用 CSS 设置 HTML 元素样式时，有时可能会发生某些元素不继承样式属性的情况正如预期的那样。输入字段可能就是这种情况，默认情况下，输入字段不会从其父元素继承 font-family 属性。

在提供的示例中，CSS 规则设置为为两个元素定义特定的字体系列。 body 元素和自定义类 adm 应用于标签和输入元素。但是，在 Firefox 中，输入字段的字体与标签的字体不匹配。

要解决此问题，您可以使用 CSS 明确指定输入字段应从其父元素继承其字体：

<code class="css">input, select, textarea, button {
  font-family: inherit;
}</code>

通过添加此规则，输入字段现在将继承 body 元素中定义的 font-family 属性，确保其使用与页面上其余文本相同的字体。

您可以通过查看演示来验证这一点：http://jsfiddle.net/gaby/pEedc/1/。

以上是为什么我的“Input”元素不从“Body”继承字体？的详细内容。更多信息请关注PHP中文网其他相关文章！