我可以使用 CSS 來變更 SVG 路徑的填滿顏色嗎？

使用 CSS 動態著色 SVG 路徑

我可以使用 CSS 來變更 svg 路徑的填滿顏色嗎？

考慮以下SVG 程式碼：

<svg height="32" version="1.1" width="32" xmlns="http://www.w3.org/2000/svg" style="overflow: hidden; position: relative; left: -0.0166626px; top: -0.983337px;">
  <desc></desc>
  <defs></defs>
  <path style="" fill="#333333" stroke="none" d="M15.985,5.972C8.422,5.972,2.289999999999999,10.049,2.289999999999999,15.078C2.289999999999999,17.955,4.302999999999999...............1,27.68,22.274Z"/>
</svg>

是否可以使用CSS 或任何其他方法修改SVG 路徑的填滿顏色，而無需在 中明確更改它標籤？

答案：

是的，使用 CSS 來設定 SVG 元素的樣式是可行的。但是，您必須像設定 HTML 樣式時一樣定位該元素。要將樣式套用到所有 SVG 路徑，例如：

path {
  fill: blue;
}

外部 CSS 往往會覆寫 WebKit 和 Gecko 等瀏覽器中路徑的 fill 屬性。但是，需要注意的是，如果直接在 中指定填充顏色，標籤（例如，），它將覆蓋任何外部 CSS 樣式。

以上是我可以使用 CSS 來變更 SVG 路徑的填滿顏色嗎？的詳細內容。更多資訊請關注PHP中文網其他相關文章！