ionic-4 ion-select-option 上的文本换行

Question

超文本标记语言

<ion-item>
    <ion-label>Popover</ion-label>
    <ion-select [interfaceOptions]="customPopoverOptions" interface="popover" placeholder="Select One">
      <ion-select-option value="brown" text-wrap>Brownasdfasdfasdfasdfadfadsfasdfadfasdfafdsadfaf</ion-select-option>
      <ion-select-option value="blonde">Blonde</ion-select-option>
      <ion-select-option value="black">Black</ion-select-option>
      <ion-select-option value="red">Red</ion-select-option>
    </ion-select>
  </ion-item>

SAS：

ion-select-option{
   ion-label{
     white-space: normal !important;
   }
}

我无法覆盖现有的white-space: nowrap

我想知道如何覆盖shadow-dom css

Answer 1

在 Ionic 5 上，唯一对我有用的是：

.alert-radio-label.sc-ion-alert-md {
  white-space: normal !important;
}

Answer 2

由于这个 Web 组件没有属性，这确实让这变得有点困难和混乱

全局.scss：

.item.sc-ion-label-md-h, .item .sc-ion-label-md-h{
     white-space: normal !important;
}

//or just 

 .sc-ion-label-md-h{
     white-space: normal !important;
}

这会否决组件样式类。