如何更改 Angular Material 15 中单个组件的样式/主题

问题描述 投票:0回答:0

我使用 Angular Material Theming Guide (https://material.angular.io/guide/theming) 将组件样式与我们的品牌相匹配。现在,我想更改(例如)MatSelect 的单个实例。作为标头一部分的 MatSelect,应小于常规 MatSelect。尺寸更小,字体更小。这样做的官方方式是什么?

例子:

  <div class="translator">
    <mat-select id="languageMenu" [(ngModel)]="selectedLang"
                (selectionChange)="changeLanguage($event)">
      <mat-option *ngFor="let lang of languages" [value]="lang.value">
        {{lang.viewValue}}
      </mat-option>
    </mat-select>
  </div>
angular angular-material theming
© www.soinside.com 2019 - 2024. All rights reserved.