如何禁用getmdl切換的漣漪效應？

Question

我正在使用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> 

Answer 1

嘗試這個CSS添加到您的代碼：

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

看來，庫將 「span.mdl紋波」 標籤進入你的span.mdl-switch__label來達到效果。我們可以設置其可見性來隱藏它，而不會影響佈局。