如何在css中更改angular-dart中的material抽屉组件的颜色和宽度？

Question

我的第一个问题--如果我说得不够具体，很抱歉。如何在css中更改angular-dart中的material抽屉组件的颜色和宽度？我在CSS中尝试了几种方法，如下所示：

::ng-deep material-drawer {
  color: #9437FF;
  width: 200px;
}

.material-drawer {
  color: #9437FF;
  width: 200px;
}

仅供参考，以下代码使用位于header标记内的material-header：

::ng-deep header.material-header.material-header {
  background-color: white;
  color: #9437FF;
}

我的material-折叠器不在div或任何东西中，只是一个单独的HTML元素。

感谢任何人的指点！

Answer 1

设置抽屉的宽度有点复杂。它涉及到设置大量的值，因此最好使用混合。您可以看到一个示例here

至于颜色有点硬。你想改成什么颜色？背景颜色？

对于背景颜色，您可以在抽屉上设置背景颜色。问题将是内容本身将覆盖该颜色。在本例中，material-list有自己的白色与之关联。删除该颜色可能会导致分隔线颜色出现问题。