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

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>