Mat Blazor mat-expansion-panel删除海拔/边界

Question

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

我已经阅读过其他相关文章，例如mat-expansion-panel删除边框，但它们在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扩展面板出现在页面上，但周围带有阴影/高程/边框。我似乎无法消失。我想知道这是否是一个特殊的问题-其他使用matt扩展面板（带有javascrcipt等）的人似乎可以解决问题？

Answer 1

只需通过box-shadow参数覆盖Style css：

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

在blazorfiddle.com上尝试