css - 在 Angular Material 中使用图标创建

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