如何使用Dart和聚合物1.0.0-rc1更改polymer_element图标的颜色

Question

我有以下文件：

html的

<dom-module id = "required-icon">
  <template>
    <style is="custom-style">
      .big {
        --iron-icon-height: 12px;
        --iron-icon-width: 12px;
        margin-right :3px;
      }
    </style>
    <iron-icon
        class = "big"
        id = "z"
        icon = "star"></iron-icon>
    <paper-tooltip
        for = "z"
        position = "right"
        animation-delay = "0">
      <b>Required</b>
    </paper-tooltip>
  </template>
</dom-module>

.dart

@PolymerRegister( "required-icon" )
class RequiredIcon extends PolymerElement {
  RequiredIcon.created( ) : super.created( );

  ready()
  {
  }
}

如何更改声明中'star'图标的颜色icon ='star'都使用标记和.dart类。

由于

Answer 1

.big {
  color: red;
  fill: red; /* for SVG icons */
} 

$$('iron-icon.big').style..color = 'red'..fill = 'red';

另见
- https://github.com/bwu-dart/bwu_fontawesome_iconset_svg/blob/master/example/example01.html#L20
- https://github.com/PolymerElements/iron-iconset/issues/11