如何获得自定义样式元素（Polymer Dart 1.0）中定义的css属性的值？

Question

我定义了css property at document level：

<style is="custom-style">
    :root {
        --my-color: black;
    }
</style>

如何从聚合物元素中的dart代码中获取--my-color的值？我尝试使用customStyle['--my-color']，但它返回null。

Answer 1

这似乎不可能在页面级style is="custom-style"上，仅适用于在Polymer元素中声明为int样式标记的CSS变量。 另请参阅http://polymer.github.io/polymer/

中的customStyle

  

可以通过在元素的customStyle中设置键值对（类似于设置样式），然后调用updateStyles（）来直接修改元素的样式属性。

“元素的样式属性......”

Answer 2

有可能，像这样：

Polymer({
    is: 'my-el',

    attached: function() {        
        console.log(this.getComputedStyleValue('--my-color'));
    }
});

注意我使用attached回调代替ready