我正在使用 HTML 使用图标人物大纲：
<ion-icon name="people-outline" class="overviewIcon" style="color: blue;"></ion-icon>
即使有这种风格，颜色也保持黑色。 如何更改图标的边框颜色或填充颜色？
noorbakerally
所有11条评论
我可以在我的 Angular 项目中确认这个问题。
看起来每个图标都不一样。 例如， menu-sharp确实被 css 更改为白色，而menu没有？
andreas-aeschlimann
于 2020-02-19
我也可以确认我在我的 ionic 应用程序项目中遇到了这个问题。
<script src="https://unpkg.com/[email protected]/dist/ionicons.js"></script>
某些图标似乎工作正常，但是当页面中缺少图标时我注意到了它，结果该图标已被删除/重命名，因此我选择了一个类似的图标来替换它，并为其附加了相同的类。
<ion-icon class="arrow" name="chevron-back"></ion-icon>
ion-icon.arrow {
color: var(--ion-color-default) !important;
vertical-align: middle;
}
上面的类似乎不起作用。 我什至将变量替换为红色，但什么也没做。
奇怪的是，有些图标可以正常工作，而且在我开始使用新版本之前它也可以正常工作。 非常感谢尽快修复此问题。
aecvargas
于 2020-02-21
是的...
此问题可能与#778 重复。 您至少可以使用 CSS 属性过滤器将颜色反转为白色。
andreas-aeschlimann
于 2020-02-21
需要开发人员注意这一点！！ 似乎许多 SVG 图标都有硬编码的笔触颜色，这真的很烦人。
streamliner18
于 2020-03-08
同样在这里，因为这个我不能使用它:(
zenorocha
于 2020-03-09
我认为问题如下：大多数轮廓图标的路径定义为固定的stroke:#000; ，因此它们总是呈现黑色。
如果我没记错的话，这些可能应该用stroke:currentColor;修改。
我提供了一个 PR #805 来解决这个问题。
peterpeterparker
于 2020-03-15
同意@peterpeterparker 。 很少有带有stroke:#000的图标，因此 ion-icon 上的样式不起作用。
boradakash
于 2020-04-08
817也参考了这个
hades200082
于 2020-04-18
尝试这个 ：
[ionicons] Deprecated script, please remove: <script src="https://unpkg.com/[email protected]/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/[email protected]/dist/ionicons/ionicons.esm.js"></script>
<script nomodule="" src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.js"></script>
Perdixo75
于 2020-08-06
谢谢 Perdixo75。 那为我解决了这个问题。
aPixelInSpace
于 2020-08-13
感谢 Perdixo75。 有用
Rezaul-karim-pstu
于 2020-09-27
相关问题
marlonwesleysimon
·
7评论
janhaertel
·
4评论
modvd
·
4评论
arkn98
·
10评论
Mnilionic
·
7评论
最有用的评论
我认为问题如下：大多数轮廓图标的路径定义为固定的
stroke:#000;，因此它们总是呈现黑色。如果我没记错的话，这些可能应该用
stroke:currentColor;修改。我提供了一个 PR #805 来解决这个问题。