Css 使用引导和角度材质时，边界半径不受尊重

某些上下文

我正在玩棱角材料，并试图看看它与引导有多好。它展示了它可以做的一些很酷的事情，但似乎棱角材质仍然需要很多自定义CSS来提高我的非设计师技能。因此，为什么我要试着看看，尝试将引导和角度材料结合使用是否是一个好主意

如果这是个糟糕的主意，请告诉我

我的问题

的侧面板中的图标应该是圆形，但它们是正方形！我可以通过Chrome调试器工具看到border radius属性，但我不明白为什么它不被认可

为了增加神秘感，当你点击其中一个项目时，下面的所有图标实际上会在一瞬间变成圆圈

有没有比我更有CSS经验的人能告诉我发生了什么事，或者我如何能更彻底地调试它

---

对于将angular material和bootstrap结合使用的任何反馈，我也非常感激。

我在尝试为ng重复的一部分元素设置样式时，也遇到了使用angular的问题，因为边界半径不受尊重。我发现，如果将样式应用于ng repeat的子元素，它将遵循border radius属性。这与其说是一个解决方案，不如说是一个变通办法，因为我也不明白为什么会发生这种情况

因此，在您的情况下，您可以：

.avatar svg {
  border-radius: 50%;
}

---

出于某种原因，md sidenav overflow:auto会覆盖其中的元素。嗯，好的，谢谢你的帮助。我会再调查一下。