导航栏上的离子图标背景不正确

Question

我创建了一个这样的导航栏：

<ion-navbar color="primary">
  <ion-title>{{team.name}}</ion-title>
  <ion-buttons end>
      <button (click)="goHome()">
        <ion-icon name="home"></ion-icon>
      </button>
  </ion-buttons>
</ion-navbar>

问题是主页按钮显示有一些奇怪的灰色背景，如下图所示：

我正在使用Ionic2 RC3

我该如何解决？

Answer 1

<ion-navbar color="primary">
  <ion-title>{{team.name}}</ion-title>
  <ion-buttons end>
      <button ion-button icon-only item-right (click)="goHome()">
        <ion-icon name="home" ></ion-icon>
      </button>
  </ion-buttons>
</ion-navbar>