如何在Angular Material中无需自定义规则实现Mat Fab扩展扁平按钮？

可以通过Angular Material的原生指令和内置类组合实现，无需自定义CSS：

核心实现代码 #

<button mat-fab extended class="mat-elevation-z0">
  按钮文本
</button>

效果说明 #

• mat-fab extended：提供扩展FAB特有的高高度和大圆角样式，这是Angular Material原生支持的FAB变体
• mat-elevation-z0：框架内置的阴影移除类，可直接移除所有带阴影组件的默认阴影效果

关于之前尝试无效的原因 #

• mat-flat-button不支持extended属性，该属性仅为mat-fab设计
• flat并非mat-fab的合法指令，mat-fab仅支持默认、mini、extended三种变体，没有扁平选项

现有样式参考：

目标样式参考：

内容的提问来源于stack exchange，提问作者André