Bootstrap样式不适用于Chrome 35上的Shadow DOM

时间:2014-06-08 16:34:23

标签: javascript css twitter-bootstrap polymer shadow-dom

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

我不知道这是我缺少的东西还是某种错误,但这种奇怪的造型行为可以在jsbin上直接看到。我包括从实际组件中提取的两个改编的代码块来说明我的问题:

请注意,我在前面的示例中要强调的只是CSS样式应用(或不应用)之间的差异。

提前致谢,

纳乔

P.S。我也用Polymer 0.3.1检查了它,结果相同。

1 个答案:

答案 0 :(得分:2)

您所看到的是原生Shadow DOM和polyfill之间的区别。第一个示例有效,因为样式没有穿过阴影dom边界。它们只适用于灯光。

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