提问者:小点点

如何在JS&CSS中动态添加svg图标到按钮中,并使它们随主题改变颜色?


我正在做一个项目,我在网站上托管一个完整的应用程序。 它有大量的按钮和图标。 我想通过JS动态地添加这些按钮/图标,并且能够随着主题的改变而改变它们的颜色。

我尝试了一些事情,比如通过css类中的背景图像添加svg等,但这不允许我改变颜色。

做这件事最好的方法是什么?

注意-我不能使用内联svg等,因为它必须是动态的。


共1个答案

匿名用户

您可以从javascript中的url获取svg的数据,然后将其插入按钮中。 这样,您就可以使用fillcss属性来提供一些颜色。

由于您没有说明您是否使用了框架,也没有显示任何代码,所以我可以做的也不多,但是尝试查看FetchXMLHttpRequestAPI来获取数据。

这里有一个codesandbox显示了我的意思