css – 如何使用外部样式表来设计Polymer 1.0元素？

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">

解决方法

您可以像使用聚合物元素一样加载包含自定义样式的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获取更新答案