Ionic4。如何在旧的Android版本上更改标题背景颜色

Question

我试图为此使用css变量

ion-toolbar {
  --background: #{$backgroundColor3};
  --min-height: #{$spacing * 5};
}

所有功能在最新的chrome和android 8上均正确。但是在具有chrome 40. *的adnroid 5上，此功能无效。

我发现Ionic的最低Android版本为4.4 docs

>ionic info
Ionic:

   Ionic CLI                     : 5.0.1
   Ionic Framework               : @ionic/angular 4.4.2
   @angular-devkit/build-angular : 0.13.9
   @angular-devkit/schematics    : 7.3.9
   @angular/cli                  : 7.3.9
   @ionic/angular-toolkit        : 1.5.1

Cordova:

   Cordova CLI       : 9.0.0 (cordova-lib@9.0.1)
   Cordova Platforms : android 8.0.0, ios 5.0.1
   Cordova Plugins   : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 4.1.0, (and 9 other plugins)

Utility:

   cordova-res : 0.3.0
   native-run  : 0.2.5

System:

   Android SDK Tools : 26.1.1 (C:\Android)
   NodeJS            : v11.14.0 (C:\Program Files\nodejs\node.exe)
   npm               : 6.9.0
   OS                : Windows 10

背景只是样式的一个问题：

截图来自android 5的问题

普通屏幕截图

Answer 1

您需要在全局或页面.scss文件中使用添加

--background: var(--ion-color-primary);

这是您的答案。