javascript - 禁用默认的 Polymer CSS

Question

我使用 Polymer 构建了一个应用程序，并按预期工作。我想用完全自定义的外观和感觉来设计它。

是否可以通过标志或某种迂回方式禁用 Polymer 元素的默认样式，或者我是否必须手动覆盖我想要更改的所有内容？

Answer 1

要从外部覆盖元素的样式，您可以使用::shadow和/deep/： http ://www.polymer-project.org/articles/styling-elements.html#style-fromoutside

这些穿透 Shadow DOM 边界并允许您定位元素内部的节点。不幸的是，这意味着您需要明确编写针对这些节点的规则。这有点像组件的处理......作者定义了外观，但欢迎您以消费者/开发者的身份覆盖它。

还值得注意的是，视觉元素使用非视觉core-*/polymer-*元素来完成他们的工作。如果您需要一个完全不同的 UI，我会创建一个重用这些核心元素的元素。