Css 如何改变纸张标签的颜色撕裂效果
我试图学习Polymer，但我不知道如何在1.0版中设置元素的样式。 这个例子正好说明了这一点 自定义属性|说明|默认值 ----------------|-------------|----------Css 如何改变纸张标签的颜色撕裂效果,css,polymer,polymer-1.0,Css,Polymer,Polymer 1.0,我试图学习Polymer，但我不知道如何在1.0版中设置元素的样式。 这个例子正好说明了这一点 自定义属性|说明|默认值 ----------------|-------------|------------纸张选项卡选择栏颜色|选择栏的颜色| --纸黄色-a100--纸标签|应用于标签的混合| {} 但我无法理解我是什么时候使用它的，或者我是如何使用它的。有人能给我举个基本的例子吗 提前感谢Polymer 1.0引入了自定义CSS属性和自定义CSS混合的概念 而不是暴露元素内部的细节 主题化
--纸张选项卡选择栏颜色--纸黄色-a100--纸标签{}提前感谢Polymer 1.0引入了自定义CSS属性和自定义CSS混合的概念 而不是暴露元素内部的细节 主题化的实现，而是由元素作者定义一个或多个 更多自定义CSS属性作为元素API的一部分 这些自定义属性的定义与其他标准CSS类似 属性，并将从定义点向下继承 合成DOM树，类似于
颜色字体系列对于元素作者来说，预测它可能是乏味的（或不可能的） 并公开每个可能的CSS属性，这些属性对于 将元素主题化为单个CSS属性（例如，如果 用户需要调整工具栏标题的透明度 因此，聚合物中包含了自定义特性垫片 包括一个实验性扩展，允许一包CSS属性 定义为自定义属性并允许包中的所有属性 应用于元素的本地DOM中的特定CSS规则。对于 为此，我们引入了一个mixin功能，它类似于
var查看链接以了解更多信息。下面是一个简单的示例，其中包含
纸张选项卡<!DOCTYPE html>
<html>
<head>
<title>Paper Tabs Style Example</title>
<script src="bower_components/webcomponentsjs/webcomponents-lite.min.js"></script>
<link rel="import" href="bower_components/polymer/polymer.html" />
<link rel="import" href="bower_components/paper-tabs/paper-tabs.html" />
<style is="custom-style">
:root {
--my-custom-color: red;
--paper-tab-ink: var(--my-custom-color);
/* custom CSS property */
--paper-tabs-selection-bar-color: blue;
/* custom CSS mixin */
--paper-tabs: {
color: var(--default-primary-color); /* variable defined in default-theme.html */
font-size: 20px;
}
}
</style>
</head>
<body>
<paper-tabs selected="0">
<paper-tab>TAB 1</paper-tab>
<paper-tab>TAB 2</paper-tab>
<paper-tab>TAB 3</paper-tab>
</paper-tabs>
</body>
</html>
应该在官方文件中这样解释。谢谢！