如何删除Blazor .NET 7默认模板中带About链接的灰色页眉?
在Blazor(.NET 7)中移除默认模板的灰色页眉(含About链接)
- 打开项目内的
Shared/MainLayout.razor文件,这是默认模板的主布局文件,页面的页眉部分就定义在这里。 - 找到包含About链接的灰色页眉代码块,通常是带有
top-row类的<div>标签,示例代码如下:
<div class="top-row px-4"> <a href="https://docs.microsoft.com/aspnet/" target="_blank">About</a> </div>
直接删除该代码块,或者使用Blazor的注释语法
@* ... *@将其注释掉。保存文件后启动项目,页面顶部带About链接的灰色页眉就会被移除。
补充说明:若页面仍有残留样式影响,可打开
wwwroot/css/site.css文件,找到.top-row相关的样式规则并删除,就能彻底清除页眉的样式痕迹。
内容的提问来源于stack exchange,提问作者David
相关产品推荐
相关产品推荐

