Javascript 如何禁用getmdl切换上的涟漪效应？

我正在使用getmdl.io组件库，但我找不到一种方法来禁用切换组件上的涟漪效应

我的HTML代码如下所示：

<label class="mdl-switch mdl-js-switch" for="switch-1" id='switch-main'>
        <input type="checkbox" id="switch-1" class="mdl-switch__input" checked>
        <span class="mdl-switch__label"></span>
</label>   

---

尝试将此css添加到代码中：

//for checkoox:
.mdl-ripple{
    visibility: hidden !important;
}
//for switch
.mdl-switch__input{
    visibility: hidden !important;
}

---

该库似乎将span.mdl-ripple标记注入span.mdl-switch__标签以实现此效果。我们可以设置它的可见性来隐藏它，而不影响布局。

这不起作用，似乎你没有将getmdl.io导入到你的JSFIDLE中。好吧，我现在已经导入了，不知为什么它被删除了，但我看不出添加css有什么不同。在你的演示中似乎没有连锁反应。也许我没有得到你指的是什么样的涟漪效果。涟漪指的是点击时的短径向动画。就像一个圆圈，单击时会显示几秒钟。