改善外观的离子选择成分

问题描述 投票:0回答:1

我正在使用离子选择,其中可以使用选项toggleIcon和展开图标更改选择下拉图标。但是,我没有找到改变颜色和位置的方法。目前,我的代码如下

<ion-select toggleIcon="caret-down-outline" style="border: 1px solid #AEB1B5;border-radius: 6px;padding-left: 5px;">
            <ion-select-option value="Individual">Individual</ion-select-option>
            <ion-select-option value="Portfolio">Portfolio</ion-select-option>
          </ion-select>

它看起来就像图片中一样。 enter image description here

但是,我希望它看起来像这样:

enter image description here

html css ionic-framework ion-select
1个回答
0
投票

如果您查看文档,它有一个自定义部分:https://ionicframework.com/docs/api/select#customization

并更改下拉菜单的图标: https://ionicframework.com/docs/api/select#custom-toggle-icons

© www.soinside.com 2019 - 2024. All rights reserved.