shadow-dom 相关问题

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

使用Selenium访问Shadow DOM树

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

javascript python selenium selenium-chromedriver shadow-dom

回答 8 投票 16

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

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

css shadow-dom popper.js tippyjs

回答 1 投票 0

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

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

javascript dom shadow-dom ionic4

回答 1 投票 0

将样式导入Web组件

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

html5 web-component shadow-dom

回答 5 投票 8

shadowRoot.activeElement在Safari中不起作用

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

web-component shadow-dom stenciljs

回答 1 投票 1

尽管打开，ShadowRoot属性为null

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

javascript shadow-dom custom-element

回答 1 投票 1

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

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

css html5 web-component shadow-dom custom-element

回答 2 投票 1

为什么元素选择器取代具有阴影DOM的自定义元素中的：host选择器请参见JsFiddle示例

如果使用影子根创建自定义元素，并使用：host选择器向其添加样式规则：：主持人{颜色：红色; } 然后在...中添加样式

css css-selectors shadow-dom css-specificity

回答 2 投票 2

覆盖shadow-root元素中的样式

有没有办法改变阴影元素中的样式？具体来说，扩展/覆盖在css类中找到的一些属性？我正在使用名为Beanote的chrome扩展程序尚未更新...

css web-component shadow-dom

回答 3 投票 10

从中注入内容成

我想获取模板内容，将其注入带有shadow DOM的自定义元素，并通过:: slotted selector将样式应用于模板内部，但这似乎不能按预期工作。

javascript web-component shadow-dom custom-element html-templates

回答 1 投票 1

Shadow DOM是否像React.js中的Virtual DOM一样快？

在我的项目中实现Shadow DOM是否会使它们更快，就像React使用的虚拟DOM一样？

dom web-component shadow-dom virtual-dom

回答 3 投票 75

你如何克隆/复制DOM节点的影子Dom？

我正在尝试使用Web API的cloneNode（）方法克隆表行。在这些表行内部是表数据，其中一些vaadin Web组件使用shadow DOM来获取和呈现其数据。使用时......

javascript polymer vaadin shadow-dom

回答 2 投票 0

影子dom风格没有显示

通过此实例化的Web组件未正确设置样式：connectedCallback（）{const shadowRoot = this.attachShadow（{mode：'open'}）; this.svg = document.createElement（'svg'）; this.svg ....

css web-component shadow-dom

回答 1 投票 1

WebFundamentals，带有shadowDOM的CustomElement和带HTML导入的HTML模板

我有关于webfundamentals实现的各种问题，我已经读过一个真正的Web组件必须有用于css封装的shadowDOM，用于组件逻辑的customElements ...

web-component shadow-dom custom-element html-imports html-templates

回答 1 投票 0

通过querySelectorAll（）获取节点列表

给出以下示例代码：从'lit-element'导入{LitElement，html，css}; class ItemsDisplay extends LitElement {static get styles（）{...} static get properties {...} ...

polymer web-component shadow-dom lit-element

回答 1 投票 0

CSS-in-JS实现与DevTools配合使用

很奇怪，如果有人对开发工作流程有任何建议，不会破坏浏览器的DevTools能力，使UX工程师能够轻松地修改，操纵和理解CSS。我明白了......

css google-chrome-devtools styled-components shadow-dom css-in-js

回答 1 投票 0

Shadow DOM中的CSS优先级

CSS优先规则对此有何规定阴影DOM中的标签？我有一个元素<component class =“component”>，<head>中包含的CSS文件：component {...

css shadow-dom css-specificity

回答 1 投票 1

当shadow设置为true时，如何仅在stencilJS中获取单击元素

我遇到了一个问题，当我在我的组件中将阴影设置为true时，当任何图像（其他元素）点击而不是单击的元素时，我会得到整个dom。我怎么能够 ...

shadow-dom stenciljs

回答 2 投票 1

Element.createShadowRoot（）的替代方法是什么？

我正在使用这段代码：function setShadowDOM（i，css）{[]。forEach.call（document.getElementsByTagName（i），function（hostVal）{var _root = hostVal.createShadowRoot（）; ...

javascript css web-component shadow-dom

回答 2 投票 2

如何将ngStyle应用于：组件中的host元素？

我有这样的东西：从'@ angular / core'导入{Component，OnInit，Input}; @Component（{selector：'column'，template：' '}）出口类......

angular shadow-dom angular2-template

回答 2 投票 10

shadow-dom 相关问题

最新问题