Html 如何在不更改框阴影颜色的情况下更改svg颜色

我有下面的片段，当我悬停时，我有一个蓝色的左阴影，我想保持这种颜色

保险商实验室{ 列表样式：无； } a{ 文字装饰：无； } 应用程序导航：not.vue>ul>li>a，应用程序导航：not.vue>ul>li>ul>li>a{ 背景尺寸：16px 16px； 背景位置：14px中心； 背景重复：无重复； 显示：块； 证明内容：之间的空间； 线高：44px； 最小高度：44px； 填充：0 12px 0 44px； 溢出：隐藏； 框大小：边框框； 空白：nowrap； 文本溢出：省略号； 颜色：黑色； 不透明度：0.57； 弹性：10像素； z指数：100； } .nav图标文件{ 背景图片：urldata:image/svg+xml；base64，phn2zyb4bwxucz0iahr0cdovl3dy53my5vcmcvmjawmc9zdmciihzpzxdcb3g9ijagmcaxniaxniigd2lkdg9ije2ib2zxjzaw9upsixljeighlawid0imtyipjxwyxroiq9im0xljugmmtmTzmSawltaunsawlji1taunsawj1dUmjjjjjk4djjjjjjjjjjjjjjjjj4ljjjjjjjjjjjjjj4Lc0Lc0Lc0LjjjjjjjjjjjjjjjjjjjjLc0Lc0Lc0Lc0Lc0LtzITMNOIIGZPBGW9IIMWMDAILZ48L3N2Z4K； } 应用程序导航：not.vue>ul>li.active， 应用程序导航：not.vue>ul>li a:悬停， 应用程序导航：not.vue>ul>li a:focus， 应用程序导航：not.vue>ul>li a:活动， 应用程序导航：未选择.vue>ul>li a， 应用程序导航：not.vue>ul>li a.active， 应用程序导航：not.vue>ul>li.active>a， 应用程序导航：not.vue>ul>li a:hover>a， 应用程序导航：not.vue>ul>li a:focus>a， 应用程序导航：not.vue>ul>li a:active>a， 应用程序导航：not.vue>ul>li a.selected>a， 应用程序导航：not.vue>ul>li a.active>a{ 不透明度：1； 盒影：嵌入4px0蓝色； } 身体{ 背景：1e272e； }

---

稍微调整一下代码，使用伪元素代替背景

保险商实验室{ 列表样式：无； } a{ 文字装饰：无； } 应用程序导航：not.vue>ul>li>a，应用程序导航：not.vue>ul>li>ul>li>a{ 背景尺寸：16px 16px； 背景位置：14px中心； 背景重复：无重复； 显示：块； 证明内容：之间的空间； 线高：44px； 最小高度：44px； 填充：0 12px 0 28px； 溢出：隐藏； 框大小：边框框； 空白：nowrap； 文本溢出：省略号； 颜色：黑色； 不透明度：0.57； 弹性：10像素； z指数：100； 颜色：fff； } .nav图标文件：之前{ 内容：； 显示：内联块； 宽度：16px； 高度：16px； 右边距：5px； 垂直对齐：文本底部； 背景图片：urldata:image/svg+xml；base64，phn2zyb4bwxucz0iahr0cdovl3dy53my5vcmcvmjawmc9zdmciihzpzxdcb3g9ijagmcaxniaxniigd2lkdg9ije2ib2zxjzaw9upsixljeighlawid0imtyipjxwyxroiq9im0xljugmmtmTzmSawltaunsawlji1taunsawj1dUmjjjjjk4djjjjjjjjjjjjjjjjj4ljjjjjjjjjjjjjj4Lc0Lc0Lc0LjjjjjjjjjjjjjjjjjjjjLc0Lc0Lc0Lc0Lc0LtzITMNOIIGZPBGW9IIMWMDAILZ48L3N2Z4K； } 应用程序导航：not.vue>ul>li.active， 应用程序导航：not.vue>ul>li a:悬停， 应用程序导航：not.vue>ul>li a:focus， 应用程序导航：not.vue>ul>li a:活动， 应用程序导航：未选择.vue>ul>li a， 应用程序导航：not.vue>ul>li a.active， 应用程序导航：not.vue>ul>li.active>a， 应用程序导航：not.vue>ul>li a:hover>a， 应用程序导航：not.vue>ul>li a:focus>a， 应用程序导航：not.vue>ul>li a:active>a， 应用程序导航：not.vue>ul>li a.selected>a， 应用程序导航：not.vue>ul>li a.active>a{ 不透明度：1； 盒影：嵌入4px0蓝色； } 身体{ 背景：1e272e； } /*习俗*/ .nav图标文件：之前{ 滤镜：倒置72%深褐色3%饱和75%色调旋转22度亮度80%对比度91%； }

---

使用SVG作为伪元素并应用过滤器什么是伪元素？@Temaniaf如果我不能修改HTML部分这就是伪元素的目的，你不需要修改HTML，这都是关于CSS的