聚合物 1.0。纸标签程式化

Question

我也知道自定义属性和 mixins，但我需要风格化 selected\unselected paper-tab 的状态。我该怎么做？我使用了以下片段：

--paper-tab: {
     color: var(--add-white-color);
     font-size: 14px;
     font-family: var(--base-font-family);
     font-weight: 100;  
     text-transform: uppercase;
 }

但它只适用于未选中的纸标签状态。我还尝试在 paper-tab.iron-selected 选择器中添加上面使用的代码段。这没有帮助。有什么建议么？谢谢

Answer 1

您可以使用简单的 css.

设置纸标签的样式

  paper-tab {
     color: green;
     font-size: 14px;
     font-family: courier;
     font-weight: 100;  
     text-transform: uppercase;
   }

  paper-tab.iron-selected {
    color: orange;
    text-decoration: underline;
  }

这里是a working example

注意：可以使用 mixin

来设置选择栏颜色的样式

聚合物 1.0。纸标签程式化

Polymer 1.0. paper-tab stylization

polymer