ionic4でイオン選択から小さなキャレットを削除する方法

Question

組み込みの灰色の小さなキャレットをion-selectから削除し、代わりにカスタムキャレット（矢印）を使用します。

コード：

ion-select {
  color: grey;
  background:url("/assets/resources/img/ArrowDownConfig.svg");
}

しかし、私のcssコードはionic（inbuilt）よりも優先できません。

画像には2つの矢印があり、1つは組み込み、もう1つはカスタムです。内蔵（イオン性）のものを取り除きたいです。

Answer 1

.select-icon-inner { border-top: transparent!important;}

これはioni3でのみ可能だと思います。 ionic4のCSSのみを解決したい場合は、ionic4のselect-iconの正確なクラス名を知る必要があります

Answer 2

アイコンを変更するには、この関数を呼び出します

async removeSelectCaret(id){
    const select = await (window.document.querySelector(`#${id}`) as HTMLIonSelectElement).componentOnReady();
    select.shadowRoot.childNodes[1]['style'].display="none";
  }