如何在CSS中以角飞镖方式更改材质抽屉组件的颜色和宽度？

Question

我的第一个问题-很抱歉，如果我不够具体。 如何在CSS中的Angle-Dart中更改材质抽屉组件的颜色和宽度？我已经在CSS中尝试了几种方法，如下所示：

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

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

仅供参考，以下内容适用于抬头标记中的材料抬头：

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

我的材质抽屉不在div或其他任何内容中，仅直接是HTML元素本身。

任何指针都值得赞赏！

Answer 1

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

对于较硬的颜色。您想改变什么颜色？背景颜色？

对于背景色，您可以在抽屉上设置背景色。问题将是内容本身将覆盖该颜色。在这种情况下，物料清单具有自己的白色关联。除去该颜色，分隔线颜色可能会出现问题。