Question

在角形材料中是否可以使用主题组件形状的任何方法？我知道材料设计的形状概念使您可以为所有小型/中型/大型组件创建更多的圆角，更少的圆角或什至切角。有没有一种方法可以在有角度的材料中实现？

如果不是，那么在角材料中全局自定义零部件的最佳方法是什么？假设我要删除所有<mat-button>上的圆角？

Answer 1

简而言之，就是Angular Material并没有提供直接的方法。

“角材料”中的“主题”仅限于颜色和版式。形状，间距，大小，边界等均采用“硬编码”方式。但是，几乎所有这些东西最终都是CSS，当然总有一种自定义CSS的方法。例如，定义一些类似以下内容的全局样式：

button.mat-button {
   border-radius: 0;
}

然后对要自定义的每个组件和每个属性执行此操作。

请注意，它并不总是那么简单，因为您需要了解所有组件的内部DOM和类结构，以便将样式应用于所需的位置。您还需要了解所有组件选项，以及它们如何更改DOM和类结构。最重要的是，某些组件使用ngStyle动态注入样式，并且可能无法覆盖。

长话短说-“重新设计” Angular Material充其量是很多工作，而实际上不是100％可以实现的。如果Angular Material不是您想要的，请使用其他东西。