為什麼我的「Input」元素不從「Body」繼承字體？

輸入未從Body 繼承字體

使用CSS 設定HTML 元素樣式時，有時可能會發生某些元素不繼承樣式屬性的情況正如預期的那樣。輸入欄位可能就是這種情況，預設情況下，輸入欄位不會從其父元素繼承 font-family 屬性。

在提供的範例中，CSS 規則設定為為兩個元素定義特定的字體系列。 body 元素和自訂類別 adm 應用於標籤和輸入元素。但是，在 Firefox 中，輸入欄位的字體與標籤的字體不符。

要解決此問題，您可以使用CSS 明確指定輸入欄位應從其父元素繼承其字體：

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

透過新增此規則，輸入欄位現在將繼承body 元素中定義的font-family 屬性，確保其使用與頁面上其餘文字相同的字體。

您可以透過查看演示來驗證這一點：http://jsfiddle.net/gaby/pEedc/1/。

以上是為什麼我的「Input」元素不從「Body」繼承字體？的詳細內容。更多資訊請關注PHP中文網其他相關文章！