Remove material menu edge

Question

Good morning, I’m using the "Expansion Panel" menu from Material and wanted to remove the image selection border.

The code at the moment is like this:

HTML

<mat-expansion-panel-header class="sub">

  <mat-panel-title >
     Caderno horas
  </mat-panel-title>

</mat-expansion-panel-header>

CSS:

.sub{
//descobrir como remover a borda
//se colocar cor de fundo funciona mas não remove a borda
}

Answer 1

It’s actually not a border, is a box-shadow, maybe that’s why you haven’t found the edge to remove...

In class .mat-expansion-panel:not([class*=mat-elevation-z]) you put box-shadow: none