聚合物和阴影DOM外部样式

时间:2015-06-05 16:29:00

标签: polymer shadow-dom

您好我正在尝试使用Polymer并试图设计一些聚合物纸模块......在Polymer 1.0中,他们在CSS内部添加了这些新属性来影响DOM的模块......我正在尝试为paper-input-container模块更改依赖于其中一个属性--paper-input-container-focus-color的颜色,但我找不到任何有关如何从...实际访问该属性的明确文档或指南。

我可以通过/deep/::shadow来设置覆盖CSS属性的样式,但根据我的理解,这个新方法应该避免使用那些... ...

有人能指出我正确的方向吗?

澄清:

我对使用@apply(--foo-bar)

在聚合物中引入的mixins谷歌感兴趣

1 个答案:

答案 0 :(得分:3)

像往常一样,我回答我自己的问题...但我真的希望它可以帮助别人不像我一样浪费时间......

要利用这些新的mixin来自定义外部阴影元素,您需要在放置自定义标记之前在页面中添加带有style属性的is="custom-style"标记。

<style is="custom-style">
    my-custom-module{
        --my-custom-property-color: yellow;
    }
</style>

<my-custom-module></my-custom-module>