Html Can'；t更改Ionicon 5轮廓集的笔划颜色

我正在尝试给Ionicons 5的大纲版本上色，但是有笔划和填充的内联样式。我尝试使用一个类来定位图标，设置填充和笔划颜色，并且只使用颜色属性。使用CSS颜色属性填充颜色，但对笔划没有影响。如果我设置笔划颜色并检查，它将被内联笔划属性值覆盖

有没有办法替代这种风格？我是否可以使用CSS进入并获取子路径或笔划，以便覆盖默认为图标的SVG笔划颜色

HTML

CSS

---

color

和

fill

属性作用于部分图标，但不会覆盖内嵌笔划值。任何帮助都将不胜感激。谢谢大家!

如果使用自定义导入的Ionic 5图标，则可以从.svg文件本身删除stroke=“#XXXXXX”属性

之后，css属性

笔划

将在

离子图标

选择器上正常工作

---

另请参见此处的回答：

如果使用自定义导入的Ionic 5图标，则可以从.svg文件本身中删除stroke=“#XXXXXX”属性

之后，css属性

笔划

将在

离子图标

选择器上正常工作

---

也可以在这里看到这个答案：

我也有同样的问题。删除当前的

，并将其替换为以下内容：

[ionicons] Deprecated script, please remove: <script src="https://unpkg.com/ionicons@5.1.2/dist/ionicons.js"></script>
To improve performance it is recommended to set the differential scripts in the head as follows:
<script type="module" src="https://unpkg.com/ionicons@5.1.2/dist/ionicons/ionicons.esm.js"></script>
<script nomodule="" src="https://unpkg.com/ionicons@5.1.2/dist/ionicons/ionicons.js"></script>

[ionicons]不推荐使用的脚本，请删除：
为了提高性能，建议在头部设置差异脚本，如下所示：

我也有同样的问题。删除当前的

，并将其替换为以下内容：

[ionicons] Deprecated script, please remove: <script src="https://unpkg.com/ionicons@5.1.2/dist/ionicons.js"></script>
To improve performance it is recommended to set the differential scripts in the head as follows:
<script type="module" src="https://unpkg.com/ionicons@5.1.2/dist/ionicons/ionicons.esm.js"></script>
<script nomodule="" src="https://unpkg.com/ionicons@5.1.2/dist/ionicons/ionicons.js"></script>

[ionicons]不推荐使用的脚本，请删除：
为了提高性能，建议在头部设置差异脚本，如下所示：

文档需要更新。这也是对我的修复。文档需要更新。对我来说，这也是解决办法。