angular - 如何从ionic4中的 ionic 选择中删除小插入符号

Question

我想从 ion-select 中删除内置的灰色小插入符号，并使用我的改为自定义插入符号(箭头)。

代码:

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

但是我的 css 代码无法优先于 ionic (内置)。

可以看到图中有两个箭头，一个是内置的，一个是自定义的。我想删除内置( ionic )的。

Answer 1

要删除图标，

 ion-select::part(icon) {
    display: none !important;
   }

修改图标，

  ion-select::part(icon) {
    color: #ffa612 !important;
   }