边框底部我无法删除

问题描述 投票:3回答:1

我被卡在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;
    }

你知道吗?谢谢你的帮助!

html css ionic2 ionic3
1个回答
2
投票

就像你在in the docs中看到的一样,你可以使用no-lines属性来删除那一行:

<ion-item no-lines>
  Item with no border
</ion-item>
© www.soinside.com 2019 - 2024. All rights reserved.