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

Question

我正在开发一个基于聚合物2.0的网络组件项目。我在聚合物中使用零件概念来区分元素的不同方面。由于我需要与特定部分不同的样式，因此在将此部分导入其他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
}