相同大小的背景像一个带有引导程序/字体的边框一样显示出来

Question

我有一个问题，我在相同元素后面使用相同尺寸的el石，但边缘不清晰，但是背景会渗出。下图显示白色穿过，而不是像第二张图像一样清晰。

某些点具有透明性，并在白色背景上显示其真实颜色。

是否有办法获得第二张图像，但后面有白色背景而不会流血？

<button>
                    <span class="fa-stack mr-2">
                        <i class="fa fa-circle fa-stack-1x"></i>
                        <i class="fa fa-circle fa-stack-1x" style="color: rgb(255, 55, 108);"></i>
                    </span>

            </button>

白色背景

无背景

Answer 1

似乎您不希望图标上出现白色边框。肮脏的骇客就是这样。

您可以写此行：

<i class="fa fa-circle fa-stack-1x"></i>

as

 <i class="fa fa-circle fa-stack-1x" style="border:none"></i>

只需为其添加样式，这将删除边框。

希望这会有所帮助。