如何使用本机元素访问嵌套的 shadow-dom Ionic 角度

Question

我想访问父影子根中的子影子根。

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

上面的代码实际上返回了父 shadow-root，但我尝试使用 querySelector 访问子 showdow-root 但它返回 null。

主要目的是将 ion-backdrop 组件中的 position-top 值更改为 44px，它是 ion-menu 组件内的 shadowdom。请在屏幕截图下方找到。

Answer 1

我认为您无法编辑该属性，因为在 official documentation for ion-backdrop 上没有自定义 css 允许您覆盖影子 dom 中的标准值。明确的意图是这些值不能那么容易被覆盖。

但是文档还说：Backdrops are full screen components that overlay other components. 所以如果你将背景嵌套在另一个适合你需要的组件中，你可能会达到你的目标？希望对您有所帮助。