Question

我正在尝试将上述元素作为主题。但是，如果我在全局范围内应用样式，那么就不会将元素的每个方面作为主题。

对此表示感谢。我以前从未设计过复杂的角度组件。我在这里学习。在material.angular.io上有关各种组件主题化的文档没有太多信息。因此，我在这里问。

谢谢

Answer 1

似乎您也是css的新手：)您添加了inline style，并希望所有element都会受到影响。

如果您要定位多个elements，则必须使用css class来实现。

由于您使用的是角形材质，所以让我告诉您它有自己的css class集，需要使用以下语法将其覆盖

/deep/ {className}{

}

ex

/deep/ .mat-dialog-container{
     background-color: cyan;
}

Answer 2

我正在研究如何与其他组件一起执行此操作。用您尝试的方式覆盖我做过的CSS，这是可行的。但这不是正确的方法，并且对于每个新组件而言，一直都是很多重复性工作。正确的方法是为材质设计创建自定义主题。这是我到目前为止关注的文档：

这是我的建议，请遵循以下路径。