Выпадающий список MudBlazor select прозрачен, чего не должно быть

#blazor #mudblazor

#blazor #mudblazor

Вопрос:

Я использую множественный выбор 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>
  

Чего мне здесь не хватает? Я просмотрел документацию и примеры, но не нашел подсказки, почему это работает с их примерами, но не для меня.

Ответ №1:

Хорошо, я понял это. Добавление <MudThemeProvider/> в mainLayout.razor устранило проблему. Теперь все выглядит хорошо.

MudSelect с открытым выпадающим списком