css - Polymer 1.0 自定义样式

Question

我是 Polymer 的新手，我正在使用 paper-element ，我不知道如何将自定义样式与 paper-element 一起使用，任何人都知道如何将样式应用于不同的元素，文档有点不清楚即使它指定了要使用的属性和混合。 例如，如何在 paper-element 中使用“--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将向您解释这是如何工作的。