本机Web组件 - 样式阴影DOM



我有一个包含CSS类的index.html文件。我希望这个课程或至少其中一些在我的组件的阴影dom中起作用。

我找到了一种供chrome使用的方法:: part((。有了这个,我可以给组件" share-button" - share-button :: part(butt({}

很好。在Chrome和Opera中,它运行良好,但在Firefox中不行(是的,最新版本(。

有没有办法为不支持:: part((的浏览器四处逛逛?

谢谢

在单独的CSS文件中保存Shadowdom和常规DOM中所需的CSS的一种方法,然后使用<link>标签加载到页面并将其加载到Shadowdom中。

另一种方法是使用包装应用将外部CSS绑定到组件中,以使其完全自我包含。然后使用<link>将其放入主页。

相关内容

  • 没有找到相关文章

最新更新