如何使用本机元素访问嵌套的阴影球离子角

Question

我想访问父影子根目录内的子影子根目录。

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

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

主要目的是将ion-backdrop组件中的位置最高值更改为44px，这是ion-menu菜单组件内部的阴影。请在屏幕截图下方找到。

Answer 1

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

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