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

提问者：小点点

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

以下是html代码:

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

共1个答案

匿名用户

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