我已经使用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检查了它,结果相同。
答案 0 :(得分:2)
您所看到的是原生Shadow DOM和polyfill之间的区别。第一个示例有效,因为样式没有穿过阴影dom边界。它们只适用于灯光。
解决方案是在您的元素中包含样式表。更多信息: