设置所有paper-fab [icon =“add”]图标的背景

Question

我正试图在我的页面上添加所有纸制品的样式：

<paper-fab icon="add" mini></paper-fab>

默认样式是：

但我希望paper fab图标具有默认的强调色作为背景色：

我可以用以下方式做这个样式：

<style is="custom-style">
  :root {
    --paper-fab-background: var(--accent-color);
  }
</style>

但是我会更改所有纸制图标的背景颜色，我只想更改paper-fab[icon="add"]图标的背景颜色。有什么想法吗？

这是演示：http://plnkr.co/edit/5FhiV4?p=preview

工作演示（感谢答案）：http://plnkr.co/edit/ag0pmZ?p=preview

Answer 1

只需在style[is=custom-style]。

中添加

html /deep/ paper-fab[icon="add"] {
  background: green; /* or whatever your color is */
}

自定义CSS属性仍然是CSS属性，如果该元素支持它，则可以应用于该元素。