首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >::聚合物中的part()与Microsoft-Edge不兼容

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

Stack Overflow用户
提问于 2019-03-31 14:52:06
回答 1查看 163关注 0票数 1

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

示例代码如下所示。

代码语言:javascript
运行
复制
<customElement>
<div part="samplePart">
demo
</div>
//other tags
</customElement>

样式元素如下所示。

代码语言:javascript
运行
复制
customElement::part(samplePart){
//some styles
}

这种方法在google chrome中运行得很好。但问题是,当我使用Microsoft-edge浏览器时,它不会读取"part“元素并对整个元素应用任何默认样式。

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

EN

回答 1

Stack Overflow用户

发布于 2019-04-01 17:56:51

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

作为一种解决办法,您可以尝试使用以下代码为samplePart添加css样式:

代码语言:javascript
运行
复制
customElement > div[part='samplePart'] {
    width: 200px;
    height: 200px;
    background-color: antiquewhite
}
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/55438541

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档