blazor - MudBlazor 选择下拉菜单是透明的，它不应该是透明的

Question

我正在使用MudBlazor的多选，但是当下拉菜单打开时，它是透明的，您可以看到底层的选择，这看起来不太好。

这就是MudSelect 下拉背景透明的样子

这是我的代码：

<MudGrid>
    <MudItem xs="12" md="12" lg="12">
        <MudSelect Label="US States" MultiSelection="true" @bind-Value="value" @bind-SelectedValues="options">
            @foreach (var state in states)
            {
                <MudSelectItem Value="@state">@state</MudSelectItem>
            }
        </MudSelect>
    </MudItem>
    <MudItem xs="12" md="12" lg="12">
        <MudText>MudSelect.Value: "@value"</MudText>        
    </MudItem>
</MudGrid>

我在这里想念什么？我查看了文档和示例，但没有找到为什么它适用于他们的示例但不适用于我的线索。

Answer 1

好的，我想通了。添加<MudThemeProvider/>到 MainLayout.razor 解决了这个问题。现在看起来还不错。

带有打开下拉菜单的 MudSelect