聚合物中的:: part（）与Microsoft-Edge不兼容

Question

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

示例代码如下。

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

样式元素如下。

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

这种方法在谷歌浏览器中效果很好。但是问题是，当我使用Microsoft Edge浏览器时，它不是在读取“ part”元素并将任何默认样式应用于整个元素。

有什么想法如何在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
}