blazor - Mat Blazor mat-expansion-panel 移除高程/边框

Question

我想从 Mat 扩展面板中删除高程/边框。

我已经阅读了其他相关文章，例如 mat-expansion-panel remove border，但它们在 Blazor 中不起作用。

我试图访问 background-color 属性，但 MatBlazor 说这个属性不存在。

我还尝试在 Mat Expansion 面板中使用 class=".mat-elevation-z0" ，如下所示：

<MatExpansionPanel class=".mat-elevation-z0" @bind-Expanded="@panelOpenState">

哪个不起作用。

目前，代码如下所示：

<MatAccordion>
      <MatExpansionPanel>
          <MatExpansionPanelSummary>
              <MatExpansionPanelHeader>
                Personal data
              </MatExpansionPanelHeader>
              <MatExpansionPanelSubHeader>
                Type your name and age
              </MatExpansionPanelSubHeader>
          </MatExpansionPanelSummary>
        <MatExpansionPanelDetails>
              <MatTextField Label="First name"></MatTextField>
              <MatTextField Label="Age"></MatTextField>
          </MatExpansionPanelDetails>
      </MatExpansionPanel>
 </MatAccordion>

这使得 matblazor 扩展面板出现在页面上，但周围有阴影/高度/边框。我似乎无法让它消失。我想知道这是否是一个特定的 blazor 问题 - 因为其他使用 matt 扩展面板（使用 javascript 等）的人似乎有解决方法？

Answer 1

只需通过parm覆盖box-shadowcss ：Style

<MatExpansionPanel Style="box-shadow: none;">

在blazorfiddle.com上试试