Web 聚合物元素的CSS主题

最近，我已经创建了一些聚合物元素使用的指示，从。我想我的元素有几个颜色的主题，如在

如果我使用一个元素的内部CSS并将其绑定到该元素的主题公共属性，那么它将只在Chrome中工作，而不会在Firefox或IE中工作。例如：

：host.toolbar
{
背景色：{{theme.shade500}}；
颜色：{{theme.shade500TextColor}}；
}

我看到的创建主题的推荐方法是使用

：shadow

和

/deep/

CSS选择器制作主题样式表。

Firefox内部绑定

非常不可靠。不过你可以在线使用它。在这里工作正常，如果您在IE或其他清理代码的浏览器上遇到问题，请使用

像

\u style=“{{{theme.themeName}}}”

这样的浏览器，他们将忽略它，polymer将拾取它

---

这是我让它在FF中工作的唯一方法。我计划用核心样式进行测试，但我的希望太低了，我甚至懒得去做。很抱歉，我没有关于

的文档链接，但这是因为文档仍然没有很好的组织，很难找到具体的内容
 谢谢你的信息！我担心的是不同调色板的多个相同CSS规则的重复。我不知道使用较少是否是避免这种情况的一个好方法。是的，较少或SASS将是完美的。另一种简单的主题创建方法是添加一个
theme
属性，如Topeka中使用的那样。