如何删除笑脸图标的填充颜色(黑色)并将其更改为白色

Question

在我的应用程序中，我有一个带有黑色填充的自定义图标，现在我的要求是将填充颜色更改为白色，并且笑脸的边框将变成黑色。下面是笑脸图标

​

​

我的代码是

<div>
<i class="icon icon-smiley-face-2"></i>
</div>

现在我要上面的笑脸作为白色填充背景和边框的笑脸将黑色。有人能帮我做同样的事吗

Answer 1

看看这是否有效，或者在i标记上添加一个自定义类。如果它不能工作，请添加如下所示的！重要内容(只有在没有它的情况下才能正常工作)

.icon-smiley-face-2{
    stroke: #000000 !important; 
    fill: #ffffff !important;
  }

Answer 2

您可以通过简单的CSS来实现这一点。

.icon-smiley-face-2{
    color: #fff; 
    border:1px solid #000;
  }

Answer 3

检查它是否有效。因为它是您的自定义图标，所以不确定它是如何交互的。

.icon-smiley-face-2{
   text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;
   color: white;
}

参考- stack ref for answer