css - Ionic 4 自定义 ionic 选择

Question

我需要像 这样修改 ion-select值在左边，下拉箭头在右边。当我使用谷歌开发工具时会发生这种情况。但在任何它尝试过的代码中都行不通

我第一次尝试使用谷歌控制台，这是原来的

这是修改后的

然后我尝试在 app.scss 中使用它

 ion-select
{
    .select-text{
          position: absolute !important;
          right:0 !important;
    }
}

但这不会发生。

Answer 1

您的问题的解决方案是在您的 ion-select 上应用 max-width ，如下所示:

ion-select
{
  max-width: 95%;
}

根据您的设计要求使用它，它将使用完整宽度并根据您的要求显示您的选择控件。

默认情况下，ion-select 使用 45% 宽度，这就是您遇到此问题的原因。

希望这会有所帮助!