关于svg是否可以前端点击变色问题

下面是一张svg的图

<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">

<path d="M22.2605 2.83594C28.4186 5.72735 33.3515 7.33305 37.0591 7.65316C37.8256 7.71925 38.4141 8.36073 38.4141 9.13V23.4628C37.1107 32.0951 31.7109 37.9955 22.2148 41.1641C12.5961 37.9836 7.19636 32.0832 6.01562 23.4629V9.15922C6.01562 8.37891 6.6205 7.73223 7.399 7.68011C11.2367 7.42315 16.1905 5.80843 22.2605 2.83594ZM22.3136 10.5411C18.8194 10.5411 15.992 13.3968 15.992 16.9131C15.992 19.9712 18.1304 22.5295 20.9861 23.1445L21.0296 32.1809L21.0301 32.2112C21.0495 32.9064 21.6208 33.4623 22.3198 33.4589C23.029 33.4555 23.6011 32.8778 23.5977 32.1686L23.5898 30.5461L25.8729 30.5402L25.9032 30.5398C26.5983 30.5219 27.1554 29.9518 27.1536 29.2527C27.1518 28.5435 26.5754 27.97 25.8662 27.9718L23.5775 27.9777L23.5718 26.7878L25.8729 26.7819L25.9032 26.7814C26.5983 26.7635 27.1554 26.1934 27.1536 25.4943C27.1518 24.7851 26.5754 24.2116 25.8662 24.2134L23.5595 24.2194L23.5544 23.1625C26.4535 22.5812 28.6353 20.002 28.6353 16.9131C28.6353 13.3968 25.8078 10.5411 22.3136 10.5411ZM22.3136 13.1095C24.3838 13.1095 26.0671 14.8096 26.0671 16.9131C26.0671 18.8812 24.5935 20.4963 22.7082 20.696C22.5641 20.6428 22.4116 20.6161 22.2581 20.617C22.1133 20.6177 21.9741 20.6424 21.8445 20.6872C19.995 20.4535 18.5601 18.8552 18.5601 16.9131C18.5601 14.8096 20.2435 13.1095 22.3136 13.1095Z" fill="white"/>

</svg>

只需要将fill的属性修改为fill =‘currentColor‘即可

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值