我正在写一个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-74 sq 6 jd 2 o 7”，但是，它就在那里。它似乎被添加到几乎所有的标签。它也不是有效的HTML。我试着在调试和生产环境中运行我的页面，以为编译器只为调试添加它。不，它一直在那里。
此外，我花了几个小时在多个搜索引擎上搜索这种现象，我找不到任何参考。
如果可能的话我想把这个拿掉。
1条答案
按热度按时间brccelvz1#
该属性由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隔离：