我在這里發(fā)現(xiàn)了一個(gè)關(guān)于這個(gè)的問題:

如何在Angular中將mat-menu-item的字體大小改為??？

但對我來說，它不起作用。

我在我的Angular應(yīng)用程序中嘗試了這段代碼，但是mat-menu-item的字體大小根本沒有變化。

SCSS

.mat-menu-item{
  font-size: 9px;
}

利潤

<button [matMenuTriggerFor]="menu" mat-button>Options</button>
<mat-menu class="mat-menu" #ServicesButton #menu="matMenu">
  <button class="mat-menu-item" mat-menu-item>Option 1</button>
  <button class="mat-menu-item" mat-menu-item>Option 2</button>
  <button class="mat-menu-item" mat-menu-item>Option 3</button>
  <button class="mat-menu-item" mat-menu-item>Option 4</button>
</mat-menu>

我還嘗試了以下方法

<mat-menu class="mat-menu" #ServicesButton #menu="matMenu">
  <button style="font-size: 9px;" mat-menu-item>Option 1</button>
  <button style="font-size: 9px;" mat-menu-item>Option 2</button>
  <button style="font-size: 9px;" mat-menu-item>Option 3</button>
  <button style="font-size: 9px;" mat-menu-item>Option 4</button>
</mat-menu>

作為一種替代方法，我怎樣才能重新創(chuàng)建？mat-menu-item使用常規(guī)HTML，如& lt李& gt選項(xiàng)1 & lt/李& gt& lt李& gt選項(xiàng)2 & lt/李& gt？

在styles.css中使用此css規(guī)則:

.mat-mdc-menu-item span{
    font-size: 40px;
}