Angular：材质按钮遵循标题大小

Posted 2023-03-13

【中文标题】Angular：材质按钮遵循标题大小

【英文标题】：Angular: Material Button follow the Header Size

【发布时间】：2020-11-20 17:43:24

【问题描述】：

如何使 mat-icon 符合标题大小？这不起作用，箭头仍然很小。

  <h1>
    <button mat-icon-button (click)="testEvent()">
      <mat-icon>keyboard_arrow_up</mat-icon>
      <mat-icon>keyboard_arrow_down</mat-icon>
    </button>
  </h1>

SCSS：

h1 
  @include font(400,40px);

【参考方案1】：

在 css 下面应用这将使 mat-icon 符合标题大小。

.mat-icon, .mat-icon-button
  font-size: inherit;