在我的 index.html 中，我正在导入我的 Polymer自定义元素和链接 Bootstrap 样式表。如果我检查我的自定义元素及其本地 DOM，我会看到 Bootstrap 样式渗入了它。是不是因为 Polymer 的影子 DOM polyfill| ( shady DOM ) 不支持封装？
我试过设置 Polymer全局 DOM 设置为 "shadow"，但这没有帮助(可能是因为我使用的是 Safari，它还不支持 shadow DOM，但我已经链接了完整的 WebComponents 库，所以它应该填充那个)。
搜索 SO，我发现了这个问题:External CSS affecting ("bleeding" into) shadow DOM with Polymer , 但它与 Polymer 的 0.5 版有关，所以我不知道它现在对我有多重要。
最佳答案
Known limitations
- CSS encapsulation is limited.
这是一个 known limitation Shadow DOM polyfill。
关于css - 外部样式渗入我的 Polymer 组件的本地 DOM，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/31633056/