聚合物中的 ::part() 与 Microsoft-Edge 不兼容

Question

我正在开发一个基于聚合物 2.0 的网络组件项目。 我正在使用聚合物中的零件概念来区分元素的不同方面。由于我需要对特定部分使用不同的样式，因此在将其导入其他 HTML 文件后，我使用 ::part() 将样式应用于此特定部分。

示例代码如下。

<customElement>
<div part="samplePart">
demo
</div>
//other tags
</customElement>

样式元素如下。

customElement::part(samplePart){
//some styles
}

这种方法在谷歌浏览器中运行良好。但问题是，当我使用 Microsoft-edge 浏览器时，它不会读取“部分”元素并将任何默认样式应用于整个元素。

知道如何在 Edge 中实现这一点吗？我不喜欢更改 HTML 部分，因为我将此元素导入到需要不同样式的多个独立文件中。

Answer 1

根据the polymer document，我创建了一个示例并测试了代码，我可以重现问题，但是从官方文档和polymer issues，我没有找到这个问题的解决方案，建议您联系聚合物团队或将此问题发布到the polymer issues。

作为一种解决方法，您可以尝试使用以下代码为 samplePart 添加 css 样式：

customElement > div[part='samplePart'] {
    width: 200px;
    height: 200px;
    background-color: antiquewhite
}