防止背景顏色重疊透明圖標

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>