离子 4 如何更改 :shadow dom 在 css 中？

Question

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

下图包含离子选择的颜色框，无法控制此框的大小。离子选择的代码如下。有人能帮我吗？

<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

试试这个。它对我有用

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