Comment désactiver l'effet d'entraînement sur la bascule de getmdl?

Question

J'utilise la bibliothèque de composants getmdl.io, et je ne peux pas trouver un moyen de désactiver l'effet d'entraînement sur le composant bascule.

Mon code HTML ressemble à ceci:

<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

Essayez d'ajouter cette css dans votre code:

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

Il semble que la bibliothèque injecte tag "span.mdl-ondulation" dans votre span.mdl-switch__label pour réaliser l'effet. Nous pouvons définir sa visibilité pour le masquer sans affecter la mise en page.