移动鼠标（动态）改变svg图标的颜色

2024-07-14 02:17| 来源: 网络整理| 查看: 265

一共三个步骤：

删除svg中的颜色属性；在页面引入时给予一个初始颜色；在css中设置变动后的颜色；

一、在阿里巴巴矢量图中下载svg格式的图片，然后直接拖动到自己的项目中，保存，然后查看svg代码,然后把设置颜色的 fill元素删除。

goBack-icon.svg

二，在页面中引用svg,然后设置一个初始颜色

三，鼠标在的时候，图标改变颜色，在css中设置

svg:hover { color: #067acc !important; }

【本文地址】

公司简介

联系我们