如何讓SVG圖像從HTML文檔繼承顏色？

我有一堆SVG圖像，我想嵌入一個HTML頁面，這是與CSS樣式。如何讓SVG圖像從HTML文檔繼承顏色？

我希望能夠讓SVG中的元素具有從父HTML元素的顏色屬性繼承的顏色。

我試過設置style="stroke: none; fill: inherit"但這不起作用。

2012-10-21 user1762639

看看SVG的參數：http://www.schepers.cc/w3c/svg/params/ref.html – Stan

你的問題不清楚*你如何嵌入svg碎片。聽起來有點像http://stackoverflow.com/questions/4906148/how-to-apply-a-style-to-an-embedded-svg雖然。無論如何，如果你的片段在html中內聯，那麼你的例子中的樣式應該可以正常工作。 –

html使用顏色，而SVG使用填充和描邊。您可以通過使用值currentColor獲取填充或描邊以使用顏色CSS屬性的值。例如， fill =「currentColor」

來源

2012-10-21 21:19:21

這是正確的答案。 –

但是，這不適用於嵌入式SVG，但它呢？ – obskyr

它的確如此，但它不是交叉文檔。 –

如何讓SVG圖像從HTML文檔繼承顏色？

回答

相關問題