为什么 Firefox 中的输入元素不从正文继承字体？

继承自 的 Element 字体在 Firefox 中：解决问题

尽管 CSS 规则看似简单，但 的字体样式却很复杂。 Firefox 中的元素可能与为

指定的元素不同。元素。这种差异是由于 的默认行为引起的。

要强制字体继承，请按如下方式调整 CSS，确保 的 font-family 属性显式设置为“inherit” elements:

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

通过添加此 CSS 规则，元素将继承为

指定的字体。元素。这可以确保整个页面的字体样式保持一致。

有关字体继承的现场演示，请参阅以下小提琴：http://jsfiddle.net/gaby/pEedc/1/

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