我试图在纸质对话框中添加一个纸质按钮元素，但样式没有被拾取，因为它不断将 style-scope 类添加到所有对话框的子元素。它似乎对所有元素/自定义元素以及所有类(不仅仅是 style-scope)执行此操作。
问题是样式似乎都使用下面的选择器，因此实际样式没有正确表示。
:not([style-scope]):not(.style-scope)
我有一种感觉，我只是在文档中遗漏了一些东西，因为演示中没有此类。
提前致谢!
最佳答案
这是Cross-scope styling ，即您希望 CSS 规则“穿透 Shadow DOM 封装”的地方。
如果您想创建可重用的组件，那么您应该使用自定义 CSS 属性来仅公开可以更改的规则。如果您正在制作供自己使用的组件，那么外部样式表是一种更简单的方法:
<dom-module id="my-awesome-button">
<!-- special import with type=css used to load remote CSS -->
<link rel="import" type="css" href="my-awesome-button.css">
我建议您阅读我链接到的文档，因为很难给出一个好的总结，因为有几种不同的方法，每种方法都有其优点和缺点。
关于javascript - 从 Polymer 1.0 中的嵌套元素中删除样式范围，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/31125919/