如何禁用Angular Material中的排版样式?

14
如何在安装 Angular Material 后禁用其字体排版样式?这些样式会改变我的视觉样式,并且很难被覆盖。我不需要它,只需要摆脱它。
2个回答

37

在您的index.html文件中,body标签应该有 class="mat-typography",只需删除此类即可避免样式被覆盖。您还应检查您的Angular Material主题是否包含任何自定义排版,就像在排版指南中所示 (https://material.angular.io/guide/typography)。


真希望这件事能够变得简单,我已经从我的index.html中删除了它,在ng serve上它可以工作,但在生产构建中它仍然以某种方式继承样式.. 我也清除了缓存等(angular 11)。 - Collin

2

在index.html文件中更改以下内容

  • 删除与material相关的所有样式表链接。
  • 然后从body中删除class="mat-typography"

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接