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

Question

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

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

这很有效而且很棒。我怎样才能完成同样的事情，但使用外部样式表？将 is="custom-style" 添加到 link 标记似乎没有任何效果，因为以下不起作用：

<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 以获取更新答案

How can an external stylesheet be used to style Polymer 1.0 elements?