如何在 ASP.NET Core WebAssembly .NET 5 中覆盖 Blazor Identity Server 4 中的 LoginDisplay？

如何解决如何在 ASP.NET Core WebAssembly .NET 5 中覆盖 Blazor Identity Server 4 中的 LoginDisplay？

也许有一些与在 ASP.NET Core 3 中覆盖现有身份验证/授权相关的问题。我的问题是在另一个特定的上下文中（不是重复的问题）。

我在 .NET 5（版本 5.0.102）、Microsoft Visual Studio Community 2019 版本 16.8.4（当前最新的技术堆栈）上使用 ASP.NET Core Blazor WebAssembly。我使用来自 Identity Server 4 的个人帐户从 Blazor WebAssembly 模板 .NET 5 的模板创建项目。

这是文件 MainLayout.razor

@inherits LayoutComponentBase

@inject NavigationManager NavigationManager

<div class="page">
    @*
        <div class="sidebar">
            <NavMenu />
        </div>*@

    <div class="main">
        <div class="px-4 auth">
            <!-- <div class="top-row px-4 auth" />-->
            <!-- Thêm menu vào đây -->

            <DxMenu></DxMenu>

            <div class="top-row">
                <Logindisplay />
            </div>
        </div>

        <div class="content px-4">
            @Body
        </div>
    </div>
</div>

@code{
    void GotoHome()
    {
        NavigationManager.Navigateto("/");
    }
}

当我与其他 UI 框架集成时，Identity Server 4 的 CSS 冲突，导致 UI 缺陷。我需要覆盖/重写 Identity Server 4 的 UI 剃刀页面 (<Logindisplay />)，怎么做？