关于angular：ionic 4如何在CSS中更改：shadow dom？


ionic 4 how to change :shadow dom in css?

离子选择的css问题，它在阴影根内部有一个按钮。 我需要默认值--padding-top：10px，-padding-end：8px，-padding-bottom：10px，-padding-start：16px，但这是第一个元素，并假定应用了值 如下所示。

enter image description here

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

1
2
3
4
5
6
7
8
9
<ion-col size="2" style="padding:0">
           

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

enter image description here

试试这个它对我有用

1
2
3
4
5
6
ion-select{
    --padding-top:12px !important;
    --padding-end:12px !important;
    --padding-bottom:12px !important;
    --padding-start:20px !important;
}

尝试使用此软件包获取shadow-dom元素。 工作完美。
在NPM上搜索Shadow-DOM-inject样式。 让我们为阴影元素设置样式