在 Blazor 中,如果想要将样式限定在组件中,可以通过使用 Razor 组件模板的 标签实现。然而,某些情况下,scoped CSS 可能无法正常起作用,比如:
@page "/test" Click me! Hello world!
Hello world!
这时可以使用 .my-component /deep/ 或 ::shadow 伪元素来支持 scoped CSS:
.my-component /deep/
::shadow
或者:
这样样式就会正确地应用到组件中的元素上了。
上一篇:Blazor组件中添加fontawesome时出现错误
下一篇:Blazor组件中需要级联参数