时间戳

首页 > 解决方案 > 从 CSS 表中的#shadow-root 更改元素样式（角度/离子代码）

css - 从 CSS 表中的#shadow-root 更改元素样式（角度/离子代码）

问题描述

<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>

我正在尝试使用属性 {width:30px, self-align:center} 设置 CSS 样式表中 #shadow-root 内的 <div class="segment-button-indicator> 的样式。

我必须使用什么选择器才能在 css 表中访问和设置它的样式？

标签： cssangularionic-frameworkshadow-dom

解决方案

推荐阅读