2

我已经使用 Bootstrap 3.1.1 和 Polymer 0.2.4 很长时间了，突然间 - 这可能是自上次 Chrome 自动更新（版本 35.0.1916.114）以来 - Bootstrap 停止设置 Shadow DOM 元素的样式。在使用 Chrome DevTools 检查（Shadow）DOM 时，我已经能够检查这些节点中的 CSS 类是否不出现。在其他浏览器中，例如 Firefox，它仍然可以工作。

我不知道这是我遗漏的东西还是某种错误，但是这种奇怪的样式行为也可以直接在 jsbin 上看到。我包括从实际组件中提取的两个改编代码块来说明我的问题：

请注意，我想在前面的示例中强调的只是 CSS 样式应用（或不应用）方式之间的差异。

提前致谢，

纳乔

PS 我还用 Polymer 0.3.1 进行了检查，结果相同。

4

1 回答 1

2

您看到的是原生 Shadow DOM 和 polyfill 之间的区别。第一个示例有效，因为样式没有跨越 shadow dom 边界。它们只是应用于 light dom。

解决方案是在元素中包含样式表。更多信息：

于 2014-06-08T16:51:15.997 回答