Want to change style and color of the lines of ion-item in ion-list

tutorials
1

I have to change below items border color from gray to red

image

I tried with border color but no use. Below is code and css

html:

ABC
<ion-icon name=“md-arrow-dropright” slot=“end” class=“arrow-dropright” (click)=“goToResetPassword($event)”>


XYZ
<ion-icon name=“md-arrow-dropright” slot=“end” class=“arrow-dropright” (click)=“goToResetPassword($event)”>

CSS:
I tried below two

:host {
ion-item {
border-bottom: var(–ion-color-warning,red);

}

}

ion-item{

border-color: red;

}

2

For ionic v4, ion-item’s border line color should be set with css variable:
ion-item{ --border-color: #F00; }

4 Likes
3

Working perfectly…Thank you very much