為什麼 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中文網其他相關文章！