无法在阴影根目录5中应用css

我创建了tab应用程序，需要扩展active tab，但无法在阴影元素下应用CSS，如下所示

我想给你

Overflow : "visible"   to .button-native inside shahow root
 

结果

---

请帮忙。

我得到了我各自的例子：爱奥尼亚5中美丽的标签

---

我创建了一个递归方法，并调用了AfterViewInit钩子

setStyle() {
    const all = document.querySelectorAll('.tab-has-icon');

    if(all.length === 0) {
      setTimeout(() => {
        this.setStyle();
      }, 0);
      return;
    }

    all.forEach(el => {
      el.shadowRoot.querySelector('.button-native').setAttribute('style','overflow: inherit')
    });
  }

---

我在SASS中发现了两种方法：不能使用pseudoelement:：part，这可以在按钮阴影中找到

<button type="button" class="button-native" part="native"><span class="button-inner"><slot name="icon-only"></slot><slot name="start"></slot><slot></slot><slot name="end"></slot></span><ion-ripple-effect role="presentation" class="md hydrated"></ion-ripple-effect></button>

在javascript中，您可以访问shadown元素，如：

 document.querySelector("ion-button")
    .shadowRoot
    .querySelector(".button-native").setAttribute("style","overflow:visible")

 document.querySelector("ion-button")
    .shadowRoot
    .querySelector(".button-native").setAttribute("style","overflow:visible")