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__label中以达到效果。我们可以设置其可见性以隐藏它而不影响布局。

关于javascript - 如何禁用getmdl的切换上的涟漪效应？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/42873686/