css - 删除放置在卡片内的 ionic 元素的边框

Question

您好，我正在尝试创建一张卡片，其中包含一个元素。问题是该元素下方有一个灰色边框，我无法删除。我尝试过使用 no-lines 和 css 样式，但到目前为止没有任何效果。

<ion-card>
    <ion-list>
        <ion-item no-lines>
            <p>Hello World!!</p>
        </ion-item>
    </ion-list>
</ion-card>

当我运行代码时，这就是我得到的 。

我也尝试过将 no-lines 放入 ion-list

ionic 版本:3.20.0

Answer 1

使用 Ionic 4，这条线对我来说很有效:

<ion-item lines="none">

如果想要从列表中删除所有行，可以在 ion-list 标记中使用相同的内容。
希望这对某人有帮助。哦/