為什麼我的 `` 元素不繼承 `` 的字體樣式？

的字體繼承不起作用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中文網其他相關文章！