Remove Start and End Line for Item List

@mhtchong wrote:

I have a list like this:

<ion-list *ngFor="let item of items">

			<accordion [list]="item"></accordion>

			<div *ngIf="item.details.length > 0">

			    <ion-item *ngFor="let detail of item.details">
			      	<h2>{{ detail.title }}</h2>
			      	<p>{{ detail.amount | number:'.2-2' }}</p>
			    </ion-item>

			</div>

			<p text-center *ngIf="!item.details.length">No records to show</p>

	  	</ion-list>

How do I remove the line at the beginning and end of the list?

Apparently, this doesn’t work…

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

Posts: 1

Participants: 1

Read full topic