Css 将traingle放在mat菜单的顶部

我的菜单如下。如何将三角形向上放置到下拉菜单中

  <button mat-icon-button [matMenuTriggerFor]="appMenu">
    <mat-icon>arrow_drop_down</mat-icon>
  </button>

  <mat-menu #appMenu="matMenu">
    <button mat-menu-item [matMenuTriggerFor]="subMenu"><span translate="">header.menu.language</span></button>
  </mat-menu>

  <mat-menu #subMenu="matMenu">
    <button mat-menu-item *ngFor="let language of languages" (click)="setLanguage(language)">{{ language }}</button>
  </mat-menu>

更新代码

。子菜单{位置：相对；}
.子菜单：{位置：绝对；内容：''；宽度：0；高度：0；边框左侧：10px实心透明；边框右侧：10px实心透明；边框底部：10px实心黑色；左侧：20px；底部：110%；}

向下箭头
header.menu.language
{{语言}}

实际上，您可以创建三角形，但该点是根据

查看端口的高度，在
菜单上随机打开
位置
，因此，如果添加该点，并且在调整窗口大小、选项卡上或小型mac设备上，该点会向上打开，在这种情况下，您的点的意义较小。简而言之，您不能将
mat菜单
绑定为每次在底部打开，以便箭头按您的意愿指向上方

最好的解决方案是尝试使用默认样式的
mat菜单

.arrow-up {
  width: 0; 
  height: 0; 
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;

  border-bottom: 5px solid black;
}