MudBlazor：MudSelect 和 MudList 中的字体大小和间距

Question

就我的目的而言，MudSelect 和 MudList 中各个项目的字体大小和间距不适合我。不幸的是，我尝试用样式更改这些参数没有成功。也就是说，组件不会响应样式中的“font-size:”设置。

<MudListItem Style="font-size: 10px">@context.Name</MudListItem>

我该怎么做？

Answer 1

您需要从他们的 CSS 实用程序开始。您可以使用以下方法消除填充：

<MudListItem Class="pa-0">@context.Name</MudListItem>

您通常使用主题

控制字体大小

Answer 2

试试这个：

<MudListItem Style="--mud-typography-body1-size: 10px;">@context.Name</MudListItem>

https://try.mudblazor.com/snippet/cOwQOZnYeaGHumVm