如何使用外部CSS设置SVG的样式？

2024-07-11 22:13| 来源: 网络整理| 查看: 265

您可以做您想做的事情，但有一个(重要的)警告:您的符号中的路径不能通过外部CSS独立地设置样式--您只能使用此方法设置整个符号的属性。因此，如果您的符号中有两个路径，并希望它们具有不同的填充颜色，这将不起作用，但如果您希望所有路径都是相同的，则此方法应该有效。

在您的html文件中，您需要如下内容：

代码语言：javascript复制 .fill-red { fill: red; } .fill-blue { fill: blue; }

在外部SVG文件中，您需要如下内容：

代码语言：javascript复制

【本文地址】

今日新闻