我正在尝试为Ionicons 5的大纲版本上色，但笔划和填充都有内联样式。我试着用一个类来定位图标，同时设置填充和笔划颜色，并且只使用颜色属性。填充颜色使用CSS颜色属性，但它对笔划没有影响。如果设置笔划颜色并进行检查，它将被内联笔划特性值覆盖。
有没有办法替代这种风格？我可以使用CSS访问并获取子路径或笔划吗？这样我就可以覆盖Ionicons默认的SVG笔划颜色？
HTML
<ion-icon class="ico-top" name="pizza-outline"></ion-icon>
CSS
ion-icon {
color: $current-color;
stroke: $current-color;
fill: $current-color;
}
color和fill属性适用于部分图标，但不会覆盖内联笔划值。任何帮助都将不胜感激。非常感谢。
我也遇到过同样的问题。删除您当前的<script>并将其替换为以下内容：
[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>
如果您使用自定义导入的Ionic 5图标，您可以从.svg文件本身删除stroke="#XXXXXX"属性。
之后，css属性stroke将在ion-icon选择器上正常工作。
另请参阅此处的答案：如何更改ionic 4中自定义svg图标的颜色？
我修改了svg代码：stroke="currentColor"。这将使笔划采用您在ion-icon的样式color中定义的颜色。
您需要使用css变量--ionicon-stroke-width
ion-icon {
--ionicon-stroke-width: 16px;
}
从Ionicons使用页面