如何消除离子项目的点击效果 [英] How to remove click effect of an ion-item

问题描述

我想消除离子项目的点击效果，我使用了--background-activated和--ripple-color，但是什么也没发生.

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?

推荐答案

只需给出指针事件:无CSS即可禁用点击.

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>

这篇关于如何消除离子项目的点击效果的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！