如何在Ionic 2中移除ion-select标签的默认caret下拉箭头图标

• 方法1：组件局部样式修改（仅影响当前带dropdownIcon类的ion-select）
  在当前页面对应的.scss样式文件中添加如下代码：

.dropdownIcon .select-icon {
    display: none !important;
}

如果样式不生效，是因为Angular视图封装隔离了样式，可添加穿透前缀::ng-deep，注意要配合自定义类限制作用范围，避免污染全局样式：

::ng-deep .dropdownIcon .select-icon {
    display: none !important;
}

• 方法2：全局隐藏所有ion-select默认箭头
  如果需要全局生效，直接在全局样式文件（通常是src/app/app.scss或者src/global.scss）中添加如下代码：

ion-select .select-icon {
    display: none !important;
}

补充说明：如果你是想替换为自定义的下拉图标（从你注释的代码来看有这个需求），不需要隐藏整个.select-icon容器，可以直接修改其背景样式覆盖默认图标即可，示例代码如下：

::ng-deep .dropdownIcon .select-icon {
    background: url('../assets/images/dropdown.svg') no-repeat center / contain;
    width: 16px;
    height: 16px;
    .select-icon-inner {
        display: none;
    }
}

内容的提问来源于stack exchange，提问作者shirish lakhe