更改角材料中md開關的尺寸

Question

我正在使用來自Angular material的md-switch：

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

但是默認開關看起來很小，我想調整它的大小。

我試圖添加width和height屬性，但是沒有用。

我怎樣才能做到這一點 ？

Answer 1

使用此規則自定義欄：

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

這是使圈子變得復雜的規則：

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);
}

現場演示