如何删除Ionic 3中的分离线但保持显示边界的能力?

时间:2017-11-02 09:19:43

标签: html css ionic3

我知道我可以通过将no-lines添加到html离子项来删除离子列表中的分隔线,如this question中已经回答的那样。

我的问题是,这会删除任何边框(顶部,底部,左侧,右侧)的能力。在我的特殊问题中,我需要一个比离子项高2px的顶部边框。

有没有人知道任何替代方法来删除不会弄乱边框的分隔线?

1 个答案:

答案 0 :(得分:2)

这应该可以解决问题:

删除现有边框

<ion-list>
    <ion-item no-lines>item 1</ion-item>
    <ion-item no-lines>item 2</ion-item>
    <ion-item no-lines>item 3</ion-item>
</ion-list>

添加border-top

ion-item { 
    border-top: 2px solid black !important;
}