javascript - 如何访问像 : --paper-spinner-layer-1-color: var(--paper-light-blue-500); with javascript? 这样的 css

Question

如何访问这样写的css(我搜索过但没有知道这篇文章怎么称呼):

<style>
  paper-spinner{
    --paper-spinner-layer-1-color: var(--paper-green-500);
    --paper-spinner-layer-2-color: var(--paper-green-500);
    --paper-spinner-layer-3-color: var(--paper-green-500);
    --paper-spinner-layer-4-color: var(--paper-green-500);
  }  
</style>

使用 Javascript？

我想做这样的事情:

myPaperSpinner.style.(--paper-spinner etc.).color = red;

帮助将不胜感激。

Answer 1

这些是聚合物微调器的自定义 CSS 属性。它们不是标准的 CSS，因此您无法在 Javascript 中使用它们。

您最好阅读 Polymer spinner 的文档，可在此处找到:https://elements.polymer-project.org/elements/paper-spinner