Polymer 1.0 自定义样式

【问题标题】：Polymer 1.0 custom stylingPolymer 1.0 自定义样式
【发布时间】：2015-11-25 07:47:13
【问题描述】：

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

【问题讨论】：

你看过多播吗？他们是一个很好的起点，主题元素有一个涵盖了这一点：youtube.com/watch?v=omASiF85JzI
polycast 视频不在聚合物 1.0 上

标签： css polymer-1.0 paper-elements

【解决方案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 将向您解释这是如何工作的。

【讨论】：