边境底部我无法移除

Question

我被卡在IONIC 2中，用于移除离线物品标签上的边框底部，如附图所示。

Picture of the border I want to remove

我的代码如下：

<ion-header>
  <ion-navbar>
    <button ion-button menuToggle>
      <ion-icon name="menu"></ion-icon>
    </button>
    <ion-item class="header-item">
      <ion-avatar item-start>
        <ion-icon name="add-circle"></ion-icon>
      </ion-avatar>
      <ion-title>Gallerie</ion-title>
    </ion-item>
  </ion-navbar>
</ion-header>

以下我的CSS：

.header-item {
        background: transparent;
        border: none;
    }

你有什么想法吗？ 谢谢你的帮助！

Answer 1

就像您在 in the docs 中看到的一样，您可以使用no-lines属性删除该行：

<ion-item no-lines>
  Item with no border
</ion-item>