為什麼 欄位不從所有瀏覽器中的父元素繼承字體樣式？

欄位不會在所有瀏覽器中從其父元素繼承字體樣式嗎？ " />

欄位中的字體繼承問題

在HTML 文件中，某些元素可能不會繼承為其父元素定義的字體樣式可以在 欄位中觀察到這一點，如具體範例所示：

<label class="adm" for="UserName">使用者名稱</label> <br> <input class="adm" id="UserName" name="UserName" size="30" type="text" value="">

如果套用CSS 將字型系列從

元素繼承到這些表單元素：

body,html { font-family: Verdana,Arial,Helvetica,sans-serif; 0; 填充:0; 顏色: #111;}<br>label.adm { 字體大小:0.9em; 邊距:0 0 3px 3px; 顯示: 塊;}<br>input.adm { 字體大小:0.9 em; margin:0 0 3px 3px; }

Firefox 使用不同的字體呈現這些元素，而 則按預期繼承了Verdana 字體，而 則令人驚訝。 🎜>出現這種差異是因為預設情況下，所有瀏覽器中的元素不會繼承字體系列。 textarea, button{font-family:inherit;}

透過結合此規則，欄位將從其父級 繼承字體系列。的一致性。

以上是為什麼 欄位不從所有瀏覽器中的父元素繼承字體樣式？的詳細內容。更多資訊請關注PHP中文網其他相關文章！