ionic-framework - 如何在 ionic 4 中的组件之间使用全局或共享样式？

Question

在ionic 3中，我们使用app.scss文件来编写全局样式。Ionic 4没有提供一个 scss 变量来覆盖ion-inputs背景以及许多其他 css 属性。

我需要为所有ion-inputs. 现在，我可以通过在每个组件上复制以下 scss 代码来做到这一点：

:host { 
  ion-input {
    --background: white;
  }
}

但我只想在一个地方编写这段代码。什么是 scss 文件来做到这一点？我必须在某个地方导入该文件吗？

标签： ionic-frameworksassionic4

Answer 1

你只需要像这样把你的css放在variable.scss中

ion-input {
  background-color: white;
}

然后每当您使用它时，它都会采用白色ion-input背景色。