聚合物改变墨水波纹颜色

Question

我对聚合物和webdev一般都很陌生。我经历了聚合物教程，我想做的一件事就是改变纸张标签中的墨水波纹颜色。在文档中说

  

paper-tabs.pink paper-tab :: shadow #ink {     颜色：＃ff4081;   }

但是我不知道我应该把它放在哪里，我试着查看paper-tabs.html源代码和相关的css文件，将该行放入其中似乎无法正常工作。我还为我的index.html创建了一个单独的.css文件，其中包含此行，但这也没有用。

我知道这可能很容易，但我花了很多时间试图解决这个问题。谢谢你的帮助。

Answer 1

如果您愿意，可以将样式放在自己的CSS文件中。 ::shadow和/deep/选择器可以刺穿元素的阴影边界，以便为其内部设置样式。

例如：

<style shim-shadowdom>
  paper-tabs /deep/ #ink {
    color: red;
  }
</style>

Here it is on jsbin

因为我的CSS出现在聚合物元素之外，所以我需要包含shim-shadowdom属性来告诉polyfill在不支持Shadow DOM的浏览器中生效。