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

首頁 > 程式設計 > 為什麼我的 `` 元素不繼承其父元素的字體樣式？

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

發佈於2024-11-08

$Why Doesn\'t My `` Element Inherit the Font Style of Its Parent?$

字體繼承不相容

在CSS中，元素繼承其父元素的字體屬性，例如

元素。但是，元素並不總是遵循此規則。

在提供的範例中，

和元素共用 Verdana 字體，但元素顯示為「MS殼牌Dlg」。這是因為表單元素（包括）具有預設字體設置，該設定會覆蓋繼承的字體屬性。

覆寫預設字型

確保所有字型繼承一致元素時，必須明確覆寫表單元素的預設字型設定。這可以透過加入以下 CSS 規則來實現：

input, select, textarea, button {
  font-family: inherit;
}

透過新增此規則，所有表單元素都會繼承其父元素的字體屬性，包括

元素。

Demonstration

此解決方案的現場演示可在 http://jsfiddle.net/gaby/pEedc/1/ 上找到。在此示範中，和元素均如預期顯示 Verdana 字體。

注意：

雖然此解決方案適用於大多數現代瀏覽器、Internet Explorer 9 及更早版本不支援表單元素的字型繼承。在這些瀏覽器中，預設字體設定仍將覆蓋繼承的字體屬性。

最新教學更多>

Java為何無法創建泛型數組？
通用陣列創建錯誤 arrayList [2]; JAVA報告了“通用數組創建”錯誤。為什麼不允許這樣做？答案：Create an Auxiliary Class:public static ArrayList<myObject>[] a = new ArrayList<my...

程式設計發佈於2025-07-21
查找當前執行JavaScript的腳本元素方法
如何引用當前執行腳本的腳本元素在某些方案中理解問題在某些方案中，開發人員可能需要將其他腳本動態加載其他腳本。但是，如果Head Element尚未完全渲染，則使用document.getElementsbytagname（'head'）[0] .appendChild（v）的常規方...

程式設計發佈於2025-07-21
input: Why Does "Warning: mysqli_query() expects parameter 1 to be mysqli, resource given" Error Occur and How to Fix It? output: 解決“Warning: mysqli_query() 參數應為 mysqli 而非 resource”錯誤的解析與修復方法
mysqli_query（）期望參數1是mysqli，resource給定的，嘗試使用mysql Query進行執行MySQLI_QUERY_QUERY formation，be be yessqli：sqli：sqli：sqli：sqli：sqli：sqli： mysqli，給定的資源“可能發...

程式設計發佈於2025-07-21
Go語言垃圾回收如何處理切片內存？
Garbage Collection in Go Slices: A Detailed AnalysisIn Go, a slice is a dynamic array that references an underlying array.使用切片時，了解垃圾收集行為至關重要，以避免潛在的內存洩...

程式設計發佈於2025-07-21
我可以將加密從McRypt遷移到OpenSSL，並使用OpenSSL遷移MCRYPT加密數據？
將我的加密庫從mcrypt升級到openssl 問題：是否可以將我的加密庫從McRypt升級到OpenSSL？如果是這樣，如何？答案：是的，可以將您的Encryption庫從McRypt升級到OpenSSL。可以使用openssl。附加說明： [openssl_decrypt（）函數要求...

程式設計發佈於2025-07-21
`console.log`顯示修改後對象值異常的原因
foo = [{id：1}，{id：2}，{id：3}，{id：4}，{id：id：5}，]，]; console.log（'foo1'，foo，foo.length）; foo.splice（2，1）; console.log('foo2', foo, foo....

程式設計發佈於2025-07-21
如何檢查對像是否具有Python中的特定屬性？
方法來確定對象屬性存在尋求一種方法來驗證對像中特定屬性的存在。考慮以下示例，其中嘗試訪問不確定屬性會引起錯誤： >>> a = someClass（） >>> A.property Trackback（最近的最新電話）：文件“ ”，第1行， AttributeError: SomeClass...

程式設計發佈於2025-07-21
如何干淨地刪除匿名JavaScript事件處理程序？
刪除匿名事件偵聽器將匿名事件偵聽器添加到元素中會提供靈活性和簡單性，但是當需要刪除它們時，可以構成挑戰，而無需替換元素本身就可以替換一個問題。 element？ element.addeventlistener（event，function（）{/在這里工作/}，false）; 要解決此問題，請...

程式設計發佈於2025-07-21
反射動態實現Go接口用於RPC方法探索
在GO 使用反射來實現定義RPC式方法的界面。例如，考慮一個接口，例如：鍵入myService接口{ 登錄（用戶名，密碼字符串）（sessionId int，錯誤錯誤） helloworld（sessionid int）（hi String，錯誤錯誤） } 替代方案而不是依靠反射...

程式設計發佈於2025-07-21
如何使用Python理解有效地創建字典？
在python中，詞典綜合提供了一種生成新詞典的簡潔方法。儘管它們與列表綜合相似，但存在一些顯著差異。與問題所暗示的不同，您無法為鑰匙創建字典理解。您必須明確指定鍵和值。 For example:d = {n: n**2 for n in range(5)}This creates a dict...

程式設計發佈於2025-07-21
如何解決AppEngine中“無法猜測文件類型，使用application/octet-stream...”錯誤？
[ appengine靜態文件mime type override ，靜態文件處理程序偶爾可以覆蓋正確的mime類型，在錯誤消息中導致錯誤消息：“無法猜測mimeType for for File [使用[File]。 application/application/octet-stream ....

程式設計發佈於2025-07-21
對象擬合：IE和Edge中的封面失敗，如何修復？
To resolve this issue, we employ a clever CSS solution that solves the problem:position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50％）...

程式設計發佈於2025-07-21
切換到MySQLi後CodeIgniter連接MySQL數據庫失敗原因
無法連接到mySQL數據庫：故障排除錯誤消息要調試問題，建議將以下代碼添加到文件的末尾.//config/database.php並查看輸出： ... ... 迴聲'... echo '<pre>'; print_r($db['default']); echo '</pr...

程式設計發佈於2025-07-21
$找到最大計數時，如何解決mySQL中的“組函數\”錯誤的“無效使用”？$
找到最大計數時，如何解決mySQL中的“組函數\”錯誤的“無效使用”？
如何在mySQL中使用mySql 檢索最大計數，您可能會遇到一個問題，您可能會在嘗試使用以下命令：理解錯誤正確找到由名稱列分組的值的最大計數，請使用以下修改後的查詢：計數（*）為c 來自EMP1 按名稱組 c desc訂購限制1 查詢說明 select語句提取名稱列和每個名稱...

程式設計發佈於2025-07-21
將圖片浮動到底部右側並環繞文字的技巧
在Web設計中圍繞在Web設計中，有時可以將圖像浮動到頁面右下角，從而使文本圍繞它纏繞。這可以在有效地展示圖像的同時創建一個吸引人的視覺效果。 css位置在右下角，使用css float and clear properties： img { 浮點：對； ...

程式設計發佈於2025-07-21