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加載/更改或將突變觀察者掛鉤時獲取事件？謝謝！