ionic 4 как поменять: теневой дом в css?

Question

css проблема с ion-select, у которого есть кнопка внутри теневого корня. Мне нужно значение по умолчанию: как показано ниже.

ниже изображение содержит цветное поле, которое выбирается ионами и не может контролировать размер этого окна. Код для выбора ионов ниже. Кто-нибудь может мне помочь?

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