shadow-dom 相关问题

Shadow DOM是Web Components的关键部分,它允许您使用与主DOM隔离的DOM元素子树创建基于组件的应用程序。

将内容从div渲染到分层阴影dom内部

我有一个特殊要求,不确定是否可能。这是上下文。我的dom的身体标签中有分层的影子dom。这样的事情。 ]

回答 1 投票 0

启用了阴影dom的StencilJS组件不会为IE11 / Edge上动态添加的元素生成辅助CSS类

我已经使用模板组件启动器创建了一个新项目。在组件内部,我使用的是外部JS nouislider,它将HTML元素注入到我的div(this.slider ref)中:... ...

回答 2 投票 0

Shadow DOM关于样式的困惑-背景颜色在阴影元素(角度)上无法正常工作]]

我很难理解:host元素应如何设置样式,例如:// toggle.component.html

回答 1 投票 0

Safari中的ShadowRoot处理

当我在阴影DOM中放置可聚焦元素时,OSX Safari不在选项卡序列中包含它(与所有其他浏览器不同)。该按钮可见,可单击,但键盘用户无法访问。 ...

回答 1 投票 0

具有许多Shadow DOM对浏览器性能的好坏?

影子DOM允许我们在具有自己的节点树的文档中创建独立的DOM树,(或多或少)隔离的样式管理,并且在某种程度上,它们只能“呈现”到父级中...

回答 1 投票 -1

构建Web组件时如何解决“您正在开发模式下运行Vue?

我正在使用VueJS构建一个Web组件,除了使用基本示例的几个博客之外,还使用我在CLI的帮助中找到的以下命令,很难在线找到其文档...

回答 1 投票 0

如何修改使用封闭式阴影dom的网站?

给出一个使用具有封闭的影子根的Web组件的站点,如何从扩展内容脚本访问或修改DOM?]

回答 1 投票 0

样式加载事件后点亮元素阴影根

我有一个问题,在将CSS样式加载到我的组件后,我需要处理事件。我试图使用照明元素生命周期,但仍然被炒得很早。我正在尝试获取DOM元素...

回答 1 投票 0

从影子DOM脚本访问全局文档

我有以下svg。当然document.body始终为null,因为它引用影子DOM。是否可以从该脚本访问全局文档?请不要告诉我这没有任何意义,...

回答 1 投票 1

为什么不能在带有模板的纯JS中将setter用于自定义元素?

我对Web组件还很陌生,并且一直在尝试弄清它们是如何工作的。在执行推荐的模板创建过程后,将其克隆到我的shadowRoot中,我可以看到它们...

回答 1 投票 0

如何获得对包含给定元素[duplicate]的shadowRoot的引用

我正在使用Web组件。我有一个这样的节点树,如chrome dev工具检查器所述: - (这是Web组件)----#shadow-root --... ]] >

回答 1 投票 3

如何在70+版本中隐藏Chrome视频播放器的三点按钮

在此版本之前,“-内部”伪元素在CSS中工作正常。但是它们在上一个版本中已弃用,因此,如果我在CSS中这样设置:video ::-internal-media-controls-overflow-button {...

回答 1 投票 5

如何防止Slotted HTML元素呈现到shadowRoot内部?

我有一个非常简单的网站,类似于此jsfiddle。一切似乎都正常,但是在我的本地机器上工作正常,但是当我停在第一行JS行(在声明自定义元素之前)时,我可以看到div ...

回答 1 投票 0


是否可以使用javascript或css在firefox中删除图片中的图片?

由于某些认证要求,我想为我的网站的 标签禁用画中画功能。但是Firefox无法关闭。任何帮助,将不胜感激。 Firefox ...

回答 1 投票 1

量角器:如何在位于阴影根多层之下的阴影DOM(聚合物)中选择输入元素

我正在使用Protractor 5.4.2测试使用Polymer.js创建的网页。我有一个带有多个影子根目录的网页。我必须选择一个位于第10个阴影根下的输入。遍历...

回答 1 投票 0

我如何使用:: theme伪元素?

我在这里找到了有关此伪元素的文章。因此,我尝试在项目中使用它,但是它不起作用。也许有实验版本?如果可以,该如何使用?谢谢

回答 1 投票 -1

无法使div / element在嵌套影域中移动

我无法使div移动。它是一个自定义元素,由事件侦听器创建。这两个自定义元素都有自己的影子。树结构第一个自定义元素是

回答 1 投票 1

具有多个自定义元素的点击焦点上的Javascript最新元素

我有一个customelement WebDesktop,它可以创建另一个customelement AppWindow。如果创建多个AppWindow,我希望在创建后单击的最后一个被“聚焦”,但是...

回答 1 投票 0

html自定义元素使主机css改为应用于影子dom子级

所以,我目前正在处理一个自定义元素,我希望以后可以像普通的html元素一样使用CSS设置样式。但是,设置元素的方式是一些CSS样式,例如padding ...

回答 2 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.