离子4：更改输入字段上的填充

Question

我正在尝试通过更改css4变量来更改输入字段的填充，但由于填充没有更改，我必须做错了什么。我仍然习惯使用CSS4。这是我的scss文件。

app-page {
    --padding-end: 50px;

    ion-input{
        padding: var(--padding-end);
    }
}

Answer 1

ion-input {
    --padding-end: 12px;
}

我想要什么。

Answer 2

您在使用SASS吗？变量声明如下所示：

app-page {
   $padding-end: 50px;

   ion-input{
      padding: $padding-end;
   }
}