Polymer 1.0 自定义样式

Question

我是 Polymer 的新手，我正在使用纸张元素，我不知道如何将自定义样式与纸张元素一起使用，任何人都知道如何将样式应用于不同的元素，文档很少有点不清楚，即使它指定了要使用的属性和混合。例如如何在纸张元素中使用“--paper-tabs-selection-bar-color”和 paper-tabs。提前致谢。

Answer 1

您可以像这样使用自定义 CSS 属性：

<style is="custom-style">
  #mytabs {
    --paper-tabs-selection-bar-color: red;
  }
</style>

...

<paper-tabs id="mytabs" selected="0">
  <paper-tab>TAB 1</paper-tab>
  <paper-tab>TAB 2</paper-tab>
  <paper-tab>TAB 3</paper-tab>
</paper-tabs>

除了每个元素的文档之外，我建议您阅读开发人员指南。特别是，样式页面和 this section about custom CSS properties 将向您解释其工作原理。

Polymer 1.0 自定义样式

Polymer 1.0 custom styling

css

polymer-1.0

paper-elements