为什么我的 `` 元素不继承 `` 的字体样式？

的字体继承不起作用Elemen

如提供的代码片段中所述，元素无法继承为

定义的字体样式。元素。使用 Firebug 检查后，很明显 元素采用“MS Shell Dlg”字体，而 则采用“MS Shell Dlg”字体。遵循预期的“Verdana”字体。

此异常背后的原因在于 的默认行为。元素，默认情况下不会从其父元素继承字体系列。要纠正此问题并强制继承，需要额外的 CSS：

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

通过包含此代码，所有上述元素现在将继承为其父容器定义的字体系列。请参阅以下 JSFiddle 演示以获得实际说明：

http://jsfiddle.net/gaby/pEedc/1/

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