How to remove click effect of an ion-item

Issue

I want to remove click effect of an ion-item.I used --background-activated and --ripple-color but nothing happend.

.no-click{
--background-activated: transparent;
--ripple-color: transparent;
}

<ion-item class="no-click">
<ion-avatar slot="start">
<img [src]="img">
</ion-avatar>
<ion-label>{{name}}</ion-label>
</ion-item>

How can i remove click effect of an ion-item?

Solution

Simply give pointer-events:none css to disable click.

 .no-click {
   pointer-events:none; //This makes it not clickable
 }


<ion-item class="no-click">
    <ion-avatar slot="start">
        <img [src]="img">
        </ion-avatar>
     <ion-label>{{name}}</ion-label>
  </ion-item>

Answered By - Palak Jadav