title: How to remove click effect of an ion-item
body: <p>I want to remove click effect of an ion-item.I used --background-activated and --ripple-color but nothing happend.  </p>
  
  <pre><code>.no-click{
  --background-activated: transparent;
  --ripple-color: transparent;
  }
  
  &lt;ion-item class="no-click"&gt;
  &lt;ion-avatar slot="start"&gt;
  &lt;img [src]="img"&gt;
  &lt;/ion-avatar&gt;
  &lt;ion-label&gt;{{name}}&lt;/ion-label&gt;
  &lt;/ion-item&gt;
  </code></pre>
  
  <p>How can i remove click effect of an ion-item?</p>