主题为mat-input box，mat-select和mat-paginator

Question

我试图主题上述元素。但是，如果我在全局范围内应用样式，它不会主题元素的每个方面。

不胜感激任何指点。我之前从未设计过复杂的角度组件。我在这里学习。关于在material.angular.io上添加各种组件的文档没有太多信息。因此，我在这里问。

谢谢

Answer 1

看来你也是新的css :)你添加了inline style并期待所有的element都会受到影响。

如果您的目标是多个elements，那么您必须使用css class来实现这一目标。

由于您使用的是角度材质，让我告诉您它有自己的一组css class需要使用以下语法覆盖

/deep/ {className}{

}

前

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

Answer 2

我正在研究如何与其他组件一起做这件事。你尝试的方式，覆盖我做的CSS，它的工作原理。但它并不是正确的，而且每个新组件都会有很多反复出现的重写工作。正确的方法是为材料设计创建自定义主题。这是我到目前为止所遵循的文档：

这是我的建议，请遵循这条道路。