Change the background color of a ion-item on click

Ionic Framework
1

Want to change the background color of an item once its clicked but its not working, here’s my css:

.itemClass{
 
    --background-activated: red;
    --background-activated-opacity:1
}

using ionic 5

2

you can use ngClass

for example in your html file you have

<ion-button (click)="toggleClickedItem()"   [ngClass]="{'itemClass': (this.itemClicked)}"> something to click </ion-button>

and in your .ts file


itemClicked: boolean = false;
toggleClickedItem() {
   this.itemClicked = !this.itemClicked;
}
1 Like
3

thanks, worked perfectly. do you know why this didnt work though? --background-activated: red;

4

I think those classes work in standard ionic components only

1 Like