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

我正在使用getmdl.io組件庫，並且我無法找到一種方法來禁用切換組件的漣漪效應。如何禁用getmdl切換的漣漪效應？

我的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>

來源

2017-03-18 kecman

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

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

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

來源

2017-03-18 15:05:12 blackmiaool

這是行不通的，[見JsFiddle演示]（https://jsfiddle.net/zhyw75us/） – Himanshu

似乎你沒有將「getmdl.io」導入你的jsfiddle。 – blackmiaool

好吧我現在做了，不知何故它已被刪除，但我不明白添加您的CSS。 [見JsFiddle演示2]（https://jsfiddle.net/zhyw75us/1/） – Himanshu

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

回答

相關問題