web-dev-qa-db-ja.com

Ionic 4 ION-SELECT]アイコンの[カスタムアイコンの設定]アイコン

イオン選択にカスタムアイコンを設定する必要があります。以下は私のコードと出力です

<ion-item class="input-container" align-items-center no-padding>
        <ion-label position="floating" no-margin no-padding>I am a</ion-label>
        <ion-select formControlName="role" mode="ios" okText="Okay" cancelText="Cancel">
          <ion-select-option value="Admin">Admin</ion-select-option>
          <ion-select-option value="Customer">Customer</ion-select-option>
        </ion-select>
        <ion-icon color="primary" name="arrow-down" mode="ios" slot="end"></ion-icon>
</ion-item>
 _

enter image description here

カスタムアイコンを設定する他の方法はありますか、または誰かが削除する方法を提案することができますselect-icon-inner _

javascriptcssangularionic-frameworkionic4
6
Janith Widarshana

それは適切な解決策ではなく、それでもこの問題を解決することができます。このスタイルを.scssファイルに適用します - 

ion-select {
  min-width: 100vw;
}
 _
0
Ajoy Karmakar