angular - 删除 ionic 2 中的开始和结束边框 ionic-list 标签

Question

只想删除开始和结束边框。我对这种编程语言很陌生。我正在使用下面的代码来显示列表。

<ion-content>
<ion-list class="item">
  <ion-item href="#">
    Hello!
  </ion-item>
   <ion-item  href="#">
    Hello2
  </ion-item>

</ion-list>  
      </ion-content>

我需要删除下面提到的屏幕截图中突出显示的红色圆圈边界线。怎么做？

Answer 1

一种方法是在 ion-list 元素中添加 no-lines，如下所示:

<ion-list no-lines>...</ion-list> 

但这也会删除项目的行。因此，为了仅删除底部的那一行，您可以添加此样式规则:

.md ion-list > .item:last-child, 
.md ion-list > .item-wrapper:last-child .item,
.wp ion-list > .item:last-child, 
.wp ion-list > .item-wrapper:last-child .item,
.ios ion-list > .item:last-child, 
.ios ion-list > .item-wrapper:last-child .item {
    border-bottom: none;
}