如何使用外部样式表来设置Polymer 1.0元素的样式？

Question

Polymer 1.0元素包含自定义CSS变量，允许您使用内联样式对它们进行样式设置：

<style is="custom-style">
  paper-toolbar {
    --paper-toolbar-color: blue;
  }
</style>

这很有效，也很棒。我怎样才能做到这一点，但使用外部样式表？将is="custom-style"添加到链接标记似乎没有任何效果，因为以下内容不起作用：

<link rel="stylesheet" media="all" href="app.css" is="custom-style">

Answer 1

您可以像加载聚合物元素一样加载包含custom-style的HTML文件：

<link rel="import" href="my-custom-style.html">

您的my-custom-style.html文件将包含：

<style is="custom-style">
    paper-toolbar {
        --paper-toolbar-color: blue;
    }
</style>

从Polymer 1.1开始，此功能现已弃用。有关更新答案，请参阅here