创造 <md-switch> 带角材料中的图标

Question

如何使用图标创建此md-switch？

我以www.inbox.google.com为例

谢谢

Answer 1

您可以将background-image添加到.md-thumb类

.md-thumb{    
  background: url('imageUrl');
  background-size: cover;
}

编辑：

在开上显示图标：

.md-checked .md-thumb{    
  background: url('imageUrl');
  background-size: cover;
}

在关闭位置显示图标：

.md-checked .md-thumb{    
  background: none;
}

.md-thumb{    
  background: url('imageUrl');
  background-size: cover;
}