禁用元素上的波纹效果

Question

我想禁用ion-chip元素上的波纹效果，该元素会在点击时触发：

<ion-chip>
   <ion-label>Hey</ion-label>
</ion-chip>

我该如何实现？

Answer 1

<ion-chip style="pointer-events: none;" >

将禁用组件中的样式单击事件。 假设您想要单击事件，则可以在其周围放置一个div。

Answer 2

请尝试使用此代码来消除涟漪效应

ion-chip.button-effect {
     display:none !important;
    }

Answer 3

根据source code，波纹效果仅适用于Android平台。因此，作为一种解决方法，我们可以将模式更改为mode="ios"以避免产生影响。在两个平台之间，ion-chip似乎没有其他样式差异。

此外，这不会破坏现有的pointer-events。

<ion-chip mode="ios">
  <ion-label>Hey </ion-label>
</ion-chip>

信用：受@rtpharry对类似question的回答的启发。