SVG 的 fill 颜色不能直接继承父标签的 color 属性。但是可以使用 CSS 中的 'currentColor' 关键字来实现。

例如,如果父标签的 color 属性为 red,可以在 SVG 元素中使用 'currentColor' 来指定 fill 颜色,如下所示:

<svg viewBox='0 0 100 100'>
  <rect x='10' y='10' width='80' height='80' fill='currentColor' />
</svg>

这样,SVG 元素的 fill 颜色就会继承父标签的 color 属性,即为红色。

SVG fill 颜色继承:使用 currentColor 实现

原文地址: https://www.cveoy.top/t/topic/oeXN 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录