Wechsel Größe des md-Schalters in Winkelmaterial

Question

Ich bin mit md-Schalter von Angular Material arbeiten:

https://material.angularjs.org/latest/demo/switch

Aber der Standard-Schalter sieht klein, und ich möchte es ändern.

Ich habe versucht, die width und die height Eigenschaften hinzuzufügen, aber es hat nicht funktioniert.

Wie kann ich das tun?

Answer 1

verwenden diese Regel, um benutzerdefinierte der Bar:

md-switch ._md-bar { 
    left: 1px; 
    width: 66px; 
    top: 5px; 
    height: 14px; 
    border-radius: 8px; 
    position: absolute; 
} 

und diese Regeln um den Kreis costum:

md-switch ._md-thumb { 
    position: absolute; 
    margin: 0; 
    left: 0; 
    top: 0; 
    outline: none; 
    height: 20px; 
    width: 20px; 
    border-radius: 50%; 
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12); 
} 

LIVE DEMO