如何獲得自定義樣式元素（Polymer Dart 1.0）中定義的css屬性的值？

Question

我已經定義了css property at document level：

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

如何，我可以得到的--my-color由聚合物元素中鏢代碼的價值？我試圖使用customStyle['--my-color']，但它返回null。

Answer 1

這似乎不可能在頁面級style is="custom-style"，只適用於聚合物元素中聲明int style標籤的CSS變量。 也customStyle參見http://polymer.github.io/polymer/

元素樣式性質可通過在元件上在customStyle設定鍵 - 值對（類似於設置風格），然後調用updateStyles直接修改（）。

「的元素的樣式屬性...」

Answer 2

這是可能的，就像這樣：

Polymer({ 
    is: 'my-el', 

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

注意我用attached回調，而不是ready