如何访问css，如： - paper-spinner-layer-1-color：var（ - paper-light-blue-500）;用javascript？

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

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

最好的方法是阅读Polymer微调器的文档，可在此处找到：https://elements.polymer-project.org/elements/paper-spinner