聚合物：如何自定义纸张标题的颜色和字体大小

Question

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

我正在查看this link，但不太确定如何设置上述属性，即--paper-card-header-color和颜色值。

我试过了：

＆＃13;

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

上述位不会改变颜色。

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

提前致谢。

Answer 1

您正在查看的是Polymer's Custom CSS Properties。您可以像常规CSS属性一样应用它们：

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

或内联：

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