使用外部CSS 設計SVG 樣式:綜合指南
要透過外部樣式表修改SVG 圖形的顏色,需要考慮幾個因素已考慮。
內嵌與外置SVG
CSS 僅會影響 HTML 中內嵌的 SVG 內容。因此,如果您的 SVG 儲存在單獨的檔案中並在 HTML 中引用,則 CSS 將不適用。
內嵌 CSS
如果您想保留 SVG在外部檔案中,CSS 必須在其中定義。利用標籤來定義 SVG 檔案本身內部的樣式。
SVG 中的更改的外部 CSS
如果您需要基於外部 CSS 更改 SVG 樣式,請考慮更新標記伺服器端。這可以使用 Ruby 中的 Nokogiri 等函式庫來完成。或者,可能需要為不同主題建立具有內聯樣式的 SVG 的多個版本。
以上是如何使用外部 CSS 設定 SVG 樣式?的詳細內容。更多資訊請關注PHP中文網其他相關文章!