我需要禁用默认设置ion-ripple-effect在“离子按钮”中。
<ion-button>
<ion-icon slot="icon-only" name="star"></ion-icon>
</ion-button>
我无法禁用pointer-events因为我需要它。
PS：我参考了以下帖子，但找不到 Ionic 4 的正确解决方案。
- 如何消除离子项目的点击效果 https://stackoverflow.com/questions/57751394/how-to-remove-click-effect-of-an-ion-item
- 禁用元素上的波纹效果 https://stackoverflow.com/questions/55865732/disable-ripple-effect-on-element
--ripple-colorCSS 变量可用于关闭连锁反应。
<ion-button class="no-ripple">
<ion-icon slot="icon-only" name="trash"></ion-icon>
</ion-button>
例如我们可以设置--ripple-color: transparent按钮上的，可有效禁用该效果。
.no-ripple {
--ripple-color: transparent;
}
Refer https://github.com/ionic-team/ionic/issues/19648 https://github.com/ionic-team/ionic/issues/19648
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
