我正在开发一个基于聚合物2.0的web组件项目。我正在使用聚合物中的零件概念来区分元素的不同方面。由于我需要对特定部分应用不同的样式,因此在将其导入到其他HTML文件后,我使用:: part ()将样式应用于此特定部分。
示例代码如下所示。
<customElement>
<div part="samplePart">
demo
</div>
//other tags
</customElement>
样式元素如下所示。
customElement::part(samplePart){
//some styles
}
这种方法在google chrome中运行得很好。但问题是,当我使用Microsoft-edge浏览器时,它不会读取"part“元素并对整个元素应用任何默认样式。
你知道如何在Edge中实现这一点吗?我不喜欢更改HTML部分,因为我将此元素导入到需要不同样式的多个独立文件中。
发布于 2019-04-01 17:56:51
根据the polymer document的说法,我创建了一个样本并测试了代码,我可以重现这个问题,但是从官方文档和polymer issues中,我没有找到这个问题的解决方案,我建议你可以联系聚合物团队或将这个问题发布到the polymer issues。
作为一种解决办法,您可以尝试使用以下代码为samplePart添加css样式:
customElement > div[part='samplePart'] {
width: 200px;
height: 200px;
background-color: antiquewhite
}
https://stackoverflow.com/questions/55438541
复制相似问题