本机Web组件-设置Shadow Dom的样式

Question

我有一个包含css类的index.html文件。我希望此类或至少其中一些可以在组件的影子区域中工作。

我找到了chrome使用:: part（）的方法。这样，我就可以为我的组件“共享按钮”赋予样式-share-button :: part（button）{}

好吧。在chrome和Opera中，它可以很好地工作，但在Firefox中则不能。（是的，最新版本）。

对于不支持:: part（）的浏览器，是否可以提供一种方法？

谢谢

Answer 1

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

另一种方法是使用打包应用程序将外部CSS绑定到组件中，以使其完全独立。然后使用<link>进入主页。