如何删除 C# razor 引擎添加的随机 HTML 属性？

Question

我正在编写 Razor 页面，注意到C#razor 引擎向我的许多 HTML 标记添加了一些奇怪的单一属性。例如：

<div b-74sq6jd2o7 class="container-fluid">
<a b-74sq6jd2o7 class="fjbhead" href="/"><img b-74sq6jd2o7 src="/assets/logo.svg"></a>
<a b-74sq6jd2o7 class="navbar-brand" href="/Index" style="margin-left:-1em"></a>

我没有将“b-74sq6jd2o7”添加到我的任何元素中，但它就在那里。它似乎已添加到我几乎所有的标签中。它也不是有效的 HTML。我尝试在调试和生产中运行我的页面，认为编译器只是将其添加用于调试。不，它一直都在那里。

此外，我花了几个小时在多个搜索引擎上搜索这种现象，但找不到任何参考。

如果可能的话我想删除这个。

Answer 1

该属性是由 css 隔离自动生成的

CSS 隔离发生在构建时。Blazor 重写 CSS 选择器以匹配组件呈现的标记。重写的 CSS 样式被捆绑并生成为静态资源。样式表在标签内引用（内容的位置）。下列

默认情况下，元素会添加到从 Blazor 项目模板创建的应用中，其中占位符 {ASSEMBLY NAME} 是项目的程序集名称

从：

https://learn.microsoft.com/en-us/aspnet/core/blazor/components/css-isolation?view=aspnetcore-7.0

<ScopedCssEnabled>您可以更改它，或者通过在应用程序的项目文件中将该属性设置为 false 来禁用项目的 CSS 隔离：

<ScopedCssEnabled>false</ScopedCssEnabled>