防止背景颜色重叠透明图标

Question

我在按钮中有一个图标，我希望图标是透明的，按钮背景颜色是白色的。 但是白色背景颜色与图标的透明度重叠。 有解决办法吗？

这是 html 代码：

<button id="submit-btn">
      <i class="fa fa-plus" style={{ fontSize: "48px" }}></i>
</button>

Answer 1

<button id="submit-btn" style={{backgroundColor:"#FFFFFF"}}>
      <i class="fa fa-plus" style={{ fontSize: "48px", color:'#000000' }}></i>
</button>