Question

我需要修改离子选择，如值在左侧，下拉箭头在右侧。当我使用Google开发工具时，就会发生这种情况。但是在任何尝试的代码中都行不通

我第一次尝试使用Google控制台，这是原始的

这是在修改

之后

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

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

但这不会发生。

Answer 1

一种解决问题的方法，max-width适用于您的ion-select，如下所示：

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

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

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

希望这会有所帮助！

Answer 2

您可能知道Ionic引入了Shadow Root元素并进行了新的更新。您可以从打字稿更改CSS。我为我找到了这个解决方案。