Angular 角度-拆除垫子扩展面板边框和；盒影

有没有办法去除边框，我想这是

mat扩展面板

的

box阴影

？我希望它是全白色的，所以你们只会看到文本和扩展箭头

滤器
添加
mat-elevation-z0
等级。它很有魅力，我最近需要用它

<mat-accordion>
 <mat-expansion-panel class="mat-elevation-z0" (opened)="panelOpenState = true"
                   (closed)="panelOpenState = false">

   <mat-expansion-panel-header>

     <mat-panel-title>
       <span class="right">Filter</span>
     </mat-panel-title>

   </mat-expansion-panel-header>

   <p><app-data></app-data></p>

 </mat-expansion-panel>
</mat-accordion>


滤器

您也可以通过执行以下操作来切换class mat扩展面板


...

这就可以了。
我用css来做：

.mat-expansion-panel:not([class*='mat-elevation-z']) {
    box-shadow: none;
}

是的，您可以删除框阴影和边框：
只需输入CSS或SCS（实时工作）

看一看，然后用CSS@Sergi很遗憾，我不知道。尝试使用devtool检查样式以删除悬停样式
。mat扩展面板：未（.mat展开）。mat扩展面板标题：未（[aria disabled='true']）：悬停{background:white；}
使用角度材质，这是执行此操作的最佳方法。谢谢，简单又短。再好不过了！此解决方案删除阴影，但也禁用动画。
.mat-expansion-panel:not([class*='mat-elevation-z']) {
  box-shadow: 0px 0px 0px -2px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); 
}

.mat-expansion-panel:not([class*='mat-elevation-z']) {
    box-shadow: none;
}

.mat-expansion-panel{
    box-shadow: none !important;
}