如何使用本機元素訪問嵌套的陰影球離子角

Question

我想訪問父影子根內部的子影子根。

const shadow = this.el.nativeElement.attachShadow({ mode: 'open' })

上面的代碼實際上返回了父陰影根，但是我嘗試使用querySelector訪問子showdow-root，但是它返回null。

主要目的是將在離子菜單組件內部的陰影區域的離子背景組件中的位置最高值更改為44px。 請在屏幕截圖下方找到。

Answer 1

我認為您無法編輯該屬性，因為在ion-background的官方文檔中沒有自定義的css可以覆蓋影子dom中的標准值。 明確的意圖是，不能輕易覆蓋這些值。

但是文檔還說： Backdrops are full screen components that overlay other components. 因此，如果將Backdrop嵌套在另一個適合您需求的組件中，您可能會達到目標？ 希望能有所幫助。