我可能没有用标题准确地描述这个问题，但在这里更容易解释：
我有一个按钮，其中包含一个图标图像。我需要摆脱该图标周围的灰色框并保留图标本身以及按钮功能。我为按钮分配了第二个名为“nogray”的类，并在我的样式表中将不透明度设置为 0。
但是，这摆脱了整个按钮，以及我需要可见的橙色小垃圾桶图标。本质上，我需要按钮以相同的方式工作，只是带有橙色图标而没有灰色框。在此屏幕截图中，您可以看到每个公告说明顶部的按钮。 
这是公告注释视图中的按钮代码：
<button class ="remove-card nogray" id="@item.BulletinId" type="button"><i
class="fa fa-trash"></i></button>
这是按钮的css：
i.fa.fa-trash::before {
content: "\f1f8";
}
.remove-card.nogray {
opacity:0;
}
（i.fa.fa-trash::before 以垃圾桶图标为目标，而 .remove-card.nogray 以外部灰色区域为目标。但是，我怀疑后者针对的是整个按钮，因为将不透明度设置为 0 会同时影响灰色区域和图标。
我将如何调整按钮代码，使不透明度为 0 仅用于灰色，而不是图标？我尝试过逐个元素地更改代码的顺序，但很多都是猜测，因为这是一个团队的努力，而且我没有亲自编写按钮代码。如果这是一个不可能回答的问题，我也想提前道歉；如果您需要了解一些细节，请告诉我，我将对其进行编辑以包含它。
非常感谢您的任何建议！