shadow-dom

2热度

1回答

我制作了一个非常基本的Web组件。我使用自定义元素构造函数编写的JavaScript添加和删除类。为什么当我将文档的样式表中的类移动到自定义元素的影子DOM中的样式表时，我的javascript不再能够添加或删除它们？ class BgAnim extends HTMLElement { constructor() { super() this.atta

0热度

1回答

将不同风格应用于Polymer 2.0 Web组件的多个实例

我已经使用Polymer 2创建了一个Web组件。其代码使用es5捆绑的预设转换为ES5。该组件部署在CDN上，并在不使用聚合物的第三方页面上导入。下面是一个使用例如： https://noticeable-widget-demo.firebaseapp.com/issues/shadycss/index1.html 有Web组件引人注目的小部件的3个实例。如果样式是在定制样式内定义的，我可以

1热度

1回答

在Polymer中设计时考虑父母的宽度/高度

我想设置聚合物中的容器元素中一些元素的宽度，该元素不像我期望的那样工作。下面是一些小例子： <!doctype html> <html> <head> <base href="https://polygit.org/polymer+:master/webcomponents+:master/shadycss+webcomponents+:master/components

2热度

1回答

CSS通过SVG定位单个路径 - >使用标记

我遇到了巨大的问题，它会动画一个省略号图标来在波浪中上下晃动小点。我怀疑，因为它在影子DOM中我不能专门针对个人路径元素，但是有没有解决方法？ DOM看起来是这样的： <svg class="icon__vector"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-ellipsis"></use>

0热度

1回答

通过影子根部的违规注射

我不是JS程序员。我没有足够的技能来自己测试，所以寻求帮助。是否可以将脚本或HTML标签注入到shadow_root元素中以检查网络上的漏洞？例如<script>alert("alert");</script> 也许别的东西一样使用<content>？主要问题：是否可能？还有一个问题：如何？

3热度

1回答

影子DOM全局css继承可能吗？

有没有办法继承：主机元素CSS样式到阴影DOM？原因是，如果我们开始开发Web组件，每个Web组件风格必须在页面上保持一致。该页面可以具有全局css，并且此全局css样式可以继承到shadow DOM。有::shadow和/deep/，但现在不推荐使用。或者，这是否对模式？如果是这样，为什么？我发现这个问题，但似乎过时了。 Can Shadow DOM elements inherit C

1热度

1回答

铬扩展阴影DOM导入boostrap字体

所以我想显示引导程序3图标在从铬扩展内容脚本添加的shadowroot。到目前为止它不工作，帮助？ manifest.js不包括在web_accessible_resources的WOFF文件影子根有风格标签具有： @import url(chrome-extension://[email protected]@extension_id__/fonts/glyphicons-halflings-

0热度

1回答

覆盖app-header-layout阴影的风格DOM

我有点尴尬的问题。我有以下模板： <app-header-layout> <app-header> <app-toolbar> ... </app-toolbar> </app-header> <main> ... </main> </app-header-layout> 假设app-header的高度为200px。当页面被加载时，app-heade

1热度

1回答

在阴影中使用<content>标记DOM

我试图使用没有任何抽象它的框架的影子DOM，主要是为了了解它的错综复杂。我正在使用webcomponents.js填充，因此它可以跨浏览器工作。我已经设法创建了一个自定义元素，并设置了它的影子DOM，但由于某种原因<content></content>标签没有包含预期的内容。我希望这个例子来呈现为 Shadow DOM Hello world More Shadow 但它呈现为 Sha

2热度

1回答

shadow dom - 知道何时渲染/更改dom

我正在编写一个chrome扩展，在页面加载或更改时修改元素属性。我这样做使用突变观察。但是，当shadow-dom（即嵌入的twitter帖子）被加载/更改时，不会调用观察者的处理程序。有没有办法在shadow-dom加载/更改或将突变观察者挂钩时获取事件？谢谢！