首页 > web前端 > css教程 > 为什么我的'Input”元素不从'Body”继承字体?

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

Mary-Kate Olsen
发布: 2024-10-28 02:24:30
原创
569 人浏览过

Why Doesn't My

输入未从 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中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板