MudBlazor select 下拉菜单是透明的，它不应该是

Question

我正在使用 MudBlazor 的 multi select 但是当下拉菜单打开时它是透明的，你可以看到下面的 select 但实际上并没有看起来不错。

这是它的样子MudSelect dropdown background is transparent

这是我的代码：

<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 with open dropdown

MudBlazor select 下拉菜单是透明的，它不应该是

MudBlazor select dropdown is transparent which it shouldn't be

blazor

mudblazor