Question

Angular Material是否足够灵活，以便我可以轻松地将其设计更改为CSS所需的设计，因为到目前为止，我尝试更改的所有内容都不适合我？

Answer 1

在官方文档中查看Customizing Angular Material component styles，其中说明了如何更改样式。要查找要覆盖的样式，您可以在浏览器的调试视图中查看，或检查GitHub source中的样式。

这里是另外一个post，其中有一些示例。

Answer 2

尽管，您需要的是渗透Angular Material样式。为此：

1）检查您要覆盖的样式。

2）生成具有更高特异性的选择器

3.1）使用::ng-deep（不建议使用）穿透Angular Material

::ng-deep .my-specific-selector.mat-button.mat-flat-button.accent {...}

3.2）或使用封装穿透Angular Material（向包含样式的组件添加ViewEncapsulation.None。但是请注意，这会使该组件的样式穿透整个应用程序）

@Component({
  selector: 'app-whatever',
  templateUrl: './whatever.component.html',
  styleUrls: ['./whatever.component.scss'],
  encapsulation: ViewEncapsulation.None,
})
export class myCustomClass {}

为什么我不能将AngularMaterial Design更改为我需要的设计？

2 个答案: