从CSS表中的#阴影根更改元素样式(角度/离子代码) #阴影根(打开) 葡萄糖

从CSS表中的#阴影根更改元素样式(角度/离子代码) #阴影根(打开) 葡萄糖,css,angular,ionic-framework,shadow-dom,Css,Angular,Ionic Framework,Shadow Dom,我正在尝试设计样式。你有没有尝试过CSS功能:是的,我有。它们都无助于减少离子段按钮的指示器长度。然后在他们的站点上添加一个问题,如果当前属性不起作用,他们必须更改其组件(他们控制阴影DOM) <ion-segment-button _ngcontent-rao-c6="" class="seg-btn md segment-button-has-label segment-button-has-label-only segment-button-layout

我正在尝试设计样式。你有没有尝试过CSS功能:是的,我有。它们都无助于减少离子段按钮的指示器长度。然后在他们的站点上添加一个问题,如果当前属性不起作用,他们必须更改其组件(他们控制阴影DOM)
<ion-segment-button _ngcontent-rao-c6="" class="seg-btn md segment-button-has-label segment-button-has-label-only segment-button-layout-icon-top ion-activatable ion-activatable-instant hydrated segment-button-checked" mode="md" style="--indicator-color-checked: #ff3366;--margin:0px 20px;" value="glucose" ng-reflect-mode="md" ng-reflect-value="glucose">
           
          #shadow-root(open)
             <button type="button" class="button-native" aria-pressed="true"><slot></slot><ion-ripple- 
                effect role="presentation" class="ios hydrated"></ion-ripple-effect></button>
             <div class="segment-button-indicator"></div>

   <ion-label _ngcontent-rao-c6="" class="detailsGroupName sc-ion-label-ios-h sc-ion-label-ios-s ios 
   hydrated">
       Glucose
   </ion-label>
      
</ion-segment-button>