padding - MudBlazor：如何从 MudExpansionPanel 中的 TitleContent 中删除填充

Question

寻找TitleContent与ChildContent左对齐。这个扩展面板空间狭小，我想删除标题内容上的排水沟，但DisableGutters似乎只适用于ChildContent：

截屏

TryMudblazor： https ://try.mudblazor.com/snippet/QEQwYmkTgJGCChXP

提前致谢！

Answer 1

来自 GitHub MudBlazor 讨论：

你必须使用 CSS 来调用mud-expand-panel-header类

<style>
    .my-panels .mud-expand-panel-header { padding: 0px; }
</style>

<MudExpansionPanels Class="my-panels" Elevation="0" DisableGutters="true" Dense="true">
    <MudExpansionPanel Dense="true" Style="padding: 0px;">
        <TitleContent>
                <MudText Class="mud-text-primary">$[ItemPrice1] [ItemPrice1Label]</MudText>
        </TitleContent>
        <ChildContent>
                <MudText Class="mud-text-primary">$[ItemPrice2] [ItemPrice2Label]</MudText>
                <MudText Class="mud-text-primary">$[ItemPrice3] [ItemPrice3Label]</MudText>
        </ChildContent>
    </MudExpansionPanel>
</MudExpansionPanels>