Blazor adds random attributes

Question

Hello guys and all the best for the new year

I am struggling with these strange attributes that Blazor keeps adding to all elements. I tried to find more about this behavior but none of the proposed solutions worked for me. For instance, MS suggests disabling of scoped CSS bundling. Well, I tried but I am still having those attributes.

<PropertyGroup>
  <DisableScopedCssBundling>true</DisableScopedCssBundling>
</PropertyGroup>

Actually, I don't mind, but the W3 validator complains about them.

Thank you in advance

Answer 1

I am struggling with these strange attributes that Blazor keeps adding to all elements. I tried to find more about this behavior but none of the proposed solutions worked for me.

The b-[10 digits] is generated by Blazor CSS isolation and covered in the official documentation.

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

I also tried to disable the Scoped Css but then some elements lost the style.

It is not clear what styles were lost or the elements that lost the style but I assume you need to apply a style to those elements. You can use a separate style sheet or inline.