Ionic2 离子按钮图标只

我对Ionic2或Ionic很陌生。我建立了一个新项目，想在我的页面底部设计一个小菜单。在这个项目上，我没有做任何其他事情，只是试图模仿教程视频中的步骤。但是当我在按钮上使用icon-only指令时，按钮的背景只会变小一点。背景并没有消失

<ion-content class="bg-image" padding>
</ion-content>
<ion-footer>
  <ion-toolbar>
    <button ion-button icon-only>
      <ion-icon name="home"></ion-icon>
    </button>
    <button ion-button icon-only>
      <ion-icon name="add"></ion-icon>
    </button>
  </ion-toolbar>
</ion-footer>

---

这是我的密码。我希望你能帮助我

如果我理解正确，添加

clear

属性应该会得到您想要的结果：

<ion-content class="bg-image" padding>
</ion-content>
<ion-footer>
  <ion-toolbar>
    <button ion-button icon-only clear>
      <ion-icon name="home"></ion-icon>
    </button>
    <button ion-button icon-only clear>
      <ion-icon name="add"></ion-icon>
    </button>
  </ion-toolbar>
</ion-footer>

对于爱奥尼亚4：

...
    <ion-button (click)="onClick()">
      <ion-icon slot="icon-only" name="home"></ion-icon>
    </ion-button>
...

。。。
...

您可以访问此链接以获取更多有关Ionic 4-

现在可以使用“填充”属性，例如：

4：

需要对提交的代码进行解释以获取更多信息。虽然此代码可能会解决此问题，但如何以及为什么解决此问题将真正有助于提高您的帖子质量，并可能导致更多的投票。请记住，你是在将来回答读者的问题，而不仅仅是现在提问的人。请在回答中添加解释，并说明适用的限制和假设。

ionic 4 :

 <ion-button (click)="onClick()" fill="clear">
   <ion-icon slot="icon-only" name="home"></ion-icon>
 </ion-button>