小编cry*_*sus的帖子

为什么 Font Awesome 在我的 Shadow DOM 中不起作用?

Font Awesome在我的 shadow DOM 中不起作用,因为我在其中包含以下内容以防止样式泄漏和泄漏:

:host {
    all: initial; /* 1st rule so subsequent properties are reset. */
    display: block;
    contain: content; /* Boom. CSS containment FTW. */
}
Run Code Online (Sandbox Code Playgroud)

我可以通过在:host属性中内联其他样式表来使用它们,但这不适用于 Font Awesome,因为它在其样式表中使用了相对路径。

我找到了这篇文章,并使用我实现的作用域 CSS 进行了尝试,但图标显示为正方形,如我的示例所示

css google-chrome-extension font-awesome shadow-dom tailwind-css

13
推荐指数
2
解决办法
7341
查看次数