为什么 `` 和 `` 不从 `` 继承字体属性以及如何修复它？

为什么和 忽略继承自 的字体属性以及如何覆盖它？

您可能已经注意到 和 元素有时会忽略 中设置的 font-family 和 font-size 属性。 CSS 规则。这种令人费解的行为不是编程错误，而是故意的设计决策。

某些输入元素，包括 和 <textfield>，默认情况下不继承这些字体属性。为了确保各种 Web 浏览器和操作系统之间的一致性，这些元素被设计为具有特定的默认字体设置。</textfield>

要覆盖此行为并应用

中所需的字体属性，请添加以下 CSS 规则：

textarea {
   font-family: inherit;
   font-size: inherit;
}

通过将其添加到 CSS，您可以指示浏览器继承

中指定的字体属性。 的规则元素。<p>需要注意的是，其他输入元素也可能表现出此行为。为了确保设计的一致性，请考虑在 CSS 中显式设置所有表单元素的字体属性。</p>

以上是为什么 `` 和 `` 不从 `` 继承字体属性以及如何修复它？的详细内容。更多信息请关注PHP中文网其他相关文章！