Javascript 在不同页面上使用不同颜色更改SVG填充参数

根据我所属的页面类更改SVG填充参数

例如： 如果我在首页有一个类

。主页

，我想用

#000000

填充我的参数

当我在有class.contact页面的联系人页面上时，我想用

#ffffff

填充我的参数

<rect x="-4.79" y="-5.11" clip-path="url(#SVGID_6_)" fill="#000000" width="37" height="37.03"/>

链接：

---

谢谢。

您可以使用css更改

fill

属性

正文{
背景：ddd；
}
.联系页面.圈出{
填充：#fff；
}

切换。联系人页面

您可以使用css更改

填充

属性

正文{
背景：ddd；
}
.联系页面.圈出{
填充：#fff；
}

切换。联系人页面

您可以使用CSS进行此操作

.homepage.mycircle
{
填充物：红色；
}
.otherpage.mycircle
{
填充：绿色；
}

---

您可以使用CSS进行此操作

.homepage.mycircle
{
填充物：红色；
}
.otherpage.mycircle
{
填充：绿色；
}