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

前端之家收集整理的这篇文章主要介绍了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获取更新答案

原文链接:https://www.f2er.com/css/216402.html

猜你在找的CSS相关文章