如何在Mat-Item-Content中更改材料菜单中的填充

Question

我无法更改MAT-MENU-CONTENT的填充。我无法通过简单的CSS或:: ngdeep访问它。有什么想法如何做？我是Angular的新手：(

一切都在内部：

<div class="...">
<mat-menu>
  //The rest of code is here, some *ngFor, sub menu
<mat-menu>

---

我想制作Mat-menu-content填充0px，但我无法通过简单的CSS或:: NGDeep

进行操作

.mat-menu-content:not(:empty) {
padding-top: 8px;
padding-bottom: 8px;

}

Answer 1

要避免使用ngdeep，请尝试以下操作：

1. 将类应用于菜单(使用"类"输入别名：<mat-menu class="my-class">(

2. 在您的CSS中，覆盖Angular的.mat-menu-content：

   .my-class .mat-menu-content { padding: 0 !important; }

显然选择您需要的任何填充物。这对我有用。

Answer 2

您可以通过添加

来更改mat-menu-content

::ng-deep .mat-menu-content{
  padding:0px !important;
}

工作 demo