从 blazor Web 应用程序中的 CSS 中删除默认样式

Question

在创建新页面时，我在删除 blazor 应用的默认样式时遇到了一些问题。我有一个简单的登陆页面，必须删除从 MainLayout.razor 页面应用的“关于”标题，并且需要删除 app.razor.css 样式表中的样式。

app.css 似乎在我的页面上添加了一些填充/边距。我仍然希望在导航到此页面时看到导航菜单，但我似乎不知道如何让它工作。我尝试在布局文件夹中创建自定义布局，但无法在客户端文件夹中正确使用 @using 指令。

由于某种原因，我无法从使用 @using 指令创建的客户端 razor 页面访问我的服务器文件夹/文件。

有没有一种简单的方法可以做到这一点，我没有看到？我已经查看了布局下的 Microsoft 文档，但似乎我的项目使用客户端/服务器设置的方式遇到了一些障碍。

任何帮助将不胜感激。

Answer 1

如果您不想要 Bootstrap 样式，请删除

wwwroot/bootstrap

以及

Components/App.razor

中的以下行：

<link rel="stylesheet" href="bootstrap/bootstrap.min.css" />

要删除应用程序样式，请删除

wwwroot/app.css

中的所有内容（您可能需要保留

.blazor-error-boundary

行）。

最后，请确保在浏览器中执行硬刷新。这就是让我着迷的一点，我真的很惊讶它是必需的。