Data binding 聚合物纸微调器通过数据绑定类改变颜色

我在web组件中使用聚合物纸微调器：

<dom-module id="custom-spinner">
  <style include = 'custom-spinner-styles'>

    paper-spinner.yellow{
      --paper-spinner-layer-1-color: yellow;
      --paper-spinner-layer-2-color: yellow;
      --paper-spinner-layer-3-color: yellow;
      --paper-spinner-layer-4-color: yellow;
    }

  </style>

  <template> 
    <div class = "loader">
      <paper-spinner class$="{{color}}"></paper-spinner>
    </div>

    <content>
    </content>
  </template>

</dom-module>

<script>
  etc....
</script>

你知道问题出在哪里吗

---

非常感谢您的帮助。

我在my中使用数据绑定进行样式设置，其工作原理如下：

<custom-spinner color = "yellow" size = "200px" fade-in-sp = "500" fade-out-sp = "400"></custom-spinner>

  .None {
    color: var(--gold-password-input-strength-meter-none-color, --paper-grey-700) !important;
  }
  .VeryWeak {
    color: var(--gold-password-input-strength-meter-veryweak-color, --paper-red-700) !important;
  }
  .Weak {
    color: var(--gold-password-input-strength-meter-weak-color, --paper-orange-700) !important;
  }
  .Medium {
    color: var(--gold-password-input-strength-meter-medium-color, --paper-yellow-700) !important;
  }
  .Strong {
    color: var(--gold-password-input-strength-meter-strong-color, --paper-blue-700) !important;
  }
  .VeryStrong {
    color: var(--gold-password-input-strength-meter-verystrong-color, --paper-green-700) !important;
  }

及

[[strengthMeterLabels.Label]]：
[[[u计算强度计标签（[u强度计分数）]]

我的例子对你有帮助吗？@PascalGula你好，Pascal我还没有尝试过（还有很多其他的事情要做），我会在这个周末尝试并给你反馈。

  .None {
    color: var(--gold-password-input-strength-meter-none-color, --paper-grey-700) !important;
  }
  .VeryWeak {
    color: var(--gold-password-input-strength-meter-veryweak-color, --paper-red-700) !important;
  }
  .Weak {
    color: var(--gold-password-input-strength-meter-weak-color, --paper-orange-700) !important;
  }
  .Medium {
    color: var(--gold-password-input-strength-meter-medium-color, --paper-yellow-700) !important;
  }
  .Strong {
    color: var(--gold-password-input-strength-meter-strong-color, --paper-blue-700) !important;
  }
  .VeryStrong {
    color: var(--gold-password-input-strength-meter-verystrong-color, --paper-green-700) !important;
  }

<span id="strengthLabel">
  [[strengthMeterLabels.Label]]:
  <span class$=[[_strengthMeterScore]]>[[_computeStrengthMeterLabel(_strengthMeterScore)]]</span>
  <paper-icon-button icon="info" alt="info" disabled noink></paper-icon-button>
</span>