在Polymer中全局重建核心纸元素的正确方法

Question

答案很简单，只包括

paper-button{
 background: black;
}

，但如果元素包含在另一个元素中，则不会重新生成元素。过去的解决方案是

html /deep/ paper-button{
 background: black;
}

仍然可以正常工作，但已从Shadow DOM规范中弃用。那么适当的解决方案是什么？

PS。纯粹是完整的，以防它在某种程度上重要：我真正想要正确复制的是

html /deep/ paper-button.main{
 [...]
}

Answer 1

您可以使用CSS custom properties全局更改paper-button样式。

由于paper-button公开了--paper-button mixin ，您可以在文档中尝试以下内容 -

<style is="custom-style">
  simple-dialog, paper-button {
    --paper-button: {
      background-color: black; 
      color: white;
    };
  }
</style>

看看这个plunker。