阿里巴巴矢量图标如何修改颜色，以及原理

源@

于 2021-11-25 15:25:51 发布

阅读量4.5k

点赞数

分类专栏：笔记文章标签：前端

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/weixin_48727085/article/details/121538322

版权

笔记专栏收录该内容

35 篇文章

订阅专栏

本文介绍了如何修改阿里巴巴矢量图标的颜色，从引入图标后的初始颜色效果，到通过选中标签并应用样式来改变颜色，再到探讨背后的实现原理。通过实验验证，得出结论：图标的颜色取决于其父级选择器的颜色设定，如果没有设定则会继承默认颜色。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.引入图标，初始展示的颜色效果

在这里插入图片描述

2.选中添加图标的标签，通过样式，修改颜色

在这里插入图片描述

3.背后原理

在这里插入图片描述

实验验证
在这里插入图片描述
结论：伪元素选择器内容颜色，根据其父级选择器的颜色设置，若父级选择器没有设置颜色，则继承父级默认颜色

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

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