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

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>