Css 材质设计Lite徽章更改颜色

我正在为我的web应用程序使用Material Design Lite（getmdl.io），我有一张卡片，上面有一个带有通知数量的徽章

我尝试了这个css代码，但没有改变：

.mdl-badge {
  background: #FF3D00;
}

---

我无法更改徽章的颜色。这是框架中的问题吗？

材质徽章实际上是作为CSS应用的

您可以编写CSS选择器来更改徽章的背景色，如下所示：

.mdl-badge[data-badge]:after {
  background-color: black;
  color: white;
}

---

请注意，还使用了一个属性选择器；在此处了解有关这些的更多信息：

---

*

您能为这张带有通知徽章的卡片添加HTML吗？谢谢您的努力。。。我想我应该了解更多关于css选择器的信息，希望我链接的资源能帮助你！