Polymer：如何自定义纸张的颜色和字体大小 header

Question

如何使用 --paper-card-header-color 更改 paper-card 元素的 header 的颜色和 font-size？

我正在查看 this link 但不太确定如何放置上述属性，即 --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's Custom CSS Properties。您可以像常规 CSS 属性一样应用它们：

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

或内联：

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

Polymer: How can I customize color and font size of paper header