shadow-dom 相关问题

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

在Shadow DOM中,覆盖CSS正文*

我有以下情况:问题的打印屏幕我在项目中有一个CSS(我无法更改),它定义了以下内容:body * {font-family:'x'} Es CSS CSSestáinfluenciando no .. 。

回答 1 投票 0


如何清除javascript中的隐藏输入值?

等待browser.executeScript(“ document.querySelector(\” body> moo-shell> auto-app \“)。shadowRoot.querySelector(\” section> auto-farms \“)。shadowRoot.querySelector(\” section: nth-child(2)> ...

回答 1 投票 -2

ShadyCSS polyfill无法正确处理Edge中的CSS

我正在为第三方网站构建一个小部件,使用影子DOM来防止其CSS干扰我们的CSS。我正在使用ShadyDOM和ShadyCSS polyfills使它在Edge和IE中工作,但它...

回答 1 投票 8

用于约束验证的自定义Web组件表单元素

[仅某些HTMLElement支持约束验证api(例如HTMLButtonElement)。我想创建一个自定义Web组件,该组件还支持约束验证api。以下是...

回答 1 投票 0

在高分子成分,但作品没有找到影子根,为什么呢?

聚合物使用影子DOM来完成的组件在文档中。林调查你好世界的一个非常基本的例子在github上:https://github.com/webcomponents/hello-world-polymer林检查...

回答 1 投票 0

检测attachShadow事件

我想检测附加阴影host元素的一个事件。用例:使用MutationObserver观看任何DOM变化和后处理变更内容为结合(搭售)部分...

回答 2 投票 2

在“边缘的开槽照明元件中获取宽度/高度

我有一个内层元素,插入另一个外层元素。为了灵活起见,外部元素可以使用CSS设置内部元素的宽度和高度。内部...

回答 2 投票 1

如何让导入的CSS对阴影dom中的元素产生影响?

如果我想使用shadow dom创建自定义元素,请说。模板中的某些元素具有在链接的CSS文件中指定的类名称。现在,我想让CSS规则对元素产生影响。...

回答 1 投票 5

从光DOM移动元件ShadowDOM而不disconnectedCallback

我不知道如果我在这里在正确的轨道上的目标:要确保所有元素在shadowDOM所以手动创建的HTML文件结束 一种

回答 1 投票 2

什么是::内容/ ::开槽伪元素,它是如何工作的?

这是不可能的谷歌,因为每一篇文章谈论的:before和:after伪元素似乎用的是“内容”。我这个CSS-技巧文章中听到它,解释...

回答 2 投票 74

如何在一次普通的CSS样式应用到许多阴影根源是什么?

想想,我有暗影使用DOM来隐藏自己的内部DIV汤和布局几个要素。即使是艰难的,他们是不同的,它们共享相同的CSS样式表,因为它们使用的是同一套...

回答 1 投票 4

如何从Selenium处理Shadow DOM中的元素

我想在chromedriver中自动执行文件下载完成检查。下载列表中每个条目的HTML看起来像

回答 3 投票 7

使用Selenium访问Shadow DOM树

是否可以使用Selenium / Chrome webdriver访问Shadow DOM中的元素?正如预期的那样,使用普通元素搜索方法不起作用。我见过对...的引用

回答 8 投票 16

如何在带有作用域CSS的shadow DOM中使用Tippy?

我想在我的影子DOM中使用Tippy.js。由于脚本可以访问我的影子DOM但样式不能,我试图在影子DOM中内联Tippy CSS并将Popper和Tippy的JS链接到外面。这里 ...

回答 1 投票 0

查找元素的可滚动容器,包括在shadow DOM中

我正在寻找一个通用的解决方案来找到元素的可滚动容器(我想听滚动事件)。正常的方法是在DOM树中遍历检查...

回答 1 投票 0

将样式导入Web组件

将样式导入Web组件的规范方法是什么?以下给出了一个错误的HTML元素 在阴影树中被忽略:

回答 5 投票 8

shadowRoot.activeElement在Safari中不起作用

目前我正在研究具有实现阴影dom功能的stencilJS。我正面临一个与shadowRoot的activeElement相关的问题。它与Chrome工作正常,但是当我测试我的...

回答 1 投票 1

尽管打开,ShadowRoot属性为null

我正在尝试访问我的元素上的ShadowRoot,属性element.shadowRoot返回null。 ShadowDOM被定义为模式:'open',这是正确的,我甚至可以console.log(元素)来...

回答 1 投票 1

为什么host元素上的伪类必须在宿主函数内?

我不明白为什么伪类像:focus-within需要在:host()函数括号中作用于主机本身。为什么不能:主持人:焦点在div内?这更奇怪......

回答 2 投票 1

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