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

【问题标题】：Mat Blazor mat-expansion-panel remove elevation/borderMat Blazor mat-expansion-panel 移除高程/边框
【发布时间】：2019-07-31 16:38:18
【问题描述】：

我想从 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 等）的人似乎有解决方法？

【问题讨论】：

标签： blazor matblazor

【解决方案1】：

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

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

在blazorfiddle.com试试吧

【讨论】：