html - 如何让 SVG 图像从 HTML 文档继承颜色?

标签 html css colors svg

我有一堆 SVG 图像,我想将它们嵌入到使用 CSS 设置样式的 HTML 页面中。

我希望 SVG 中的元素的颜色继承自父 HTML 元素的颜色属性。

我尝试设置 style="stroke: none; fill: inherit" 但这不起作用。

最佳答案

HTML 使用颜色,而 SVG 使用填充和描边。您可以通过使用值 currentColor 来获取填充或描边以使用颜色 CSS 属性的值,例如fill="currentColor"

关于html - 如何让 SVG 图像从 HTML 文档继承颜色?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13000682/

相关文章:

javascript - 如何打印 $rootScope 变量?

javascript - 抢占式getBBox计算

html - angularjs ng-repeat中的css反增量

android - 如何在 Spinner Android 中设置项目的文本颜色

python - 当ttk.Button处于事件状态时,如何更改其前景色?

JavaScript 反引号多行字符串在 Internet Explorer 中不起作用

javascript - 在 vanilla javascript 中显示和隐藏带有选择的 div

html - 隐藏主菜单但不隐藏移动设备上的其他菜单

javascript - 调整下拉菜单,使顶层保持突出显示

android - 更改操作栏提供的默认后退箭头的颜色