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

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嵌套在另一个适合您需求的组件中，您可能会达到目标？ 希望能有所帮助。