ionic 4 如何更改 css 中的 :shadow dom？

Question

css ion-select 的问题，在影子根中有一个按钮。我需要默认值 --padding-top:10px,--padding-end:8px,--padding-bottom:10px,--padding-start:16px 为此，但它是第一个元素并假定应用的值如下所示。

下图包含 ion-select 的颜色框，无法控制下方 ion-select 的 box.code 的大小。有人可以帮助我吗？

<ion-col size="2" style="padding:0">
            <div class="colorselect color_{{color.slice(1,7)}}">

                <ion-select >
                  <ion-select-option (ionSelect)="selectColor(optioncolor)" *ngFor="let optioncolor of colors" [value]="optioncolor" >{{optioncolor}}
                  </ion-select-option>
                </ion-select>
            </div>
          </ion-col>

Answer 1

试试这个 one.Its 适合我

ion-select{
    --padding-top:12px !important;
    --padding-end:12px !important;
    --padding-bottom:12px !important;
    --padding-start:20px !important;
}

Answer 2

为 shadow-dom 个元素尝试此包。工作得很好。在 NPM 上搜索 Shadow-DOM-inject-styles。它可以让你设置阴影元素的样式

ionic 4 如何更改 css 中的 :shadow dom？

ionic 4 how to change :shadow dom in css?

css

sass

ionic-framework

angular

ionic4