polymer - Polymer：如何自定义纸张标题的颜色和字体大小

Question

如何使用更改纸卡元素标题的颜色和字体大小--paper-card-header-color？

我正在查看此链接，但不太确定如何放置上述属性，即--paper-card-header-color颜色值。

我试过像：

<paper-card heading="Total Linear Sales" paper-card-header-color="#ff0000">
  <div class="card-content">
    ...
    ...
  </div>
</paper-card>  

上面的位不会改变颜色。

我对 Polymer 还不是很熟悉，还在学习基础知识。

提前致谢。

Answer 1

您正在查看的是Polymer 的自定义 CSS 属性。您可以像常规 CSS 属性一样应用它们：

paper-card {
    --paper-card-header-color: #ff0000;
}

或内联：

<paper-card style="--paper-card-header-color: #ff0000">