Css 爱奥尼亚-如何更改整个标题背景色?

Css 爱奥尼亚-如何更改整个标题背景色?,css,angular,cordova,ionic-framework,ionic3,Css,Angular,Cordova,Ionic Framework,Ionic3,我无法更改整个标题的颜色。我设法改变白色标题的颜色,但不改变显示时间的黑色标题。我知道这是爱奥尼亚的产品,是安卓系统的一部分,但我见过很多改变颜色的应用程序 任何帮助都很好。使用Ionic Native状态栏: npm安装@ionic native/core--保存 爱奥尼亚cordova插件添加cordova插件状态栏 npm安装--保存@ionic native/状态栏 将插件添加到应用程序的模块中 ` ` 然后在您的根页面中使用它: ` ` 有关详细信息:请使用离子本机状态栏:

我无法更改整个标题的颜色。我设法改变白色标题的颜色,但不改变显示时间的黑色标题。我知道这是爱奥尼亚的产品,是安卓系统的一部分,但我见过很多改变颜色的应用程序


任何帮助都很好。

使用Ionic Native状态栏:

npm安装@ionic native/core--保存
爱奥尼亚cordova插件添加cordova插件状态栏
npm安装--保存@ionic native/状态栏
将插件添加到应用程序的模块中

`

`

然后在您的根页面中使用它:

`

`


有关详细信息:

请使用离子本机状态栏:

npm安装@ionic native/core--保存
爱奥尼亚cordova插件添加cordova插件状态栏
npm安装--保存@ionic native/状态栏
将插件添加到应用程序的模块中

`

`

然后在您的根页面中使用它:

`

`

有关详细信息:

.scss

。工具栏背景{
背景色:#7e6cfc;
}
.scss

。工具栏背景{
背景色:#7e6cfc;

}
我也这样做了,但没有变化。我是否必须创建一个.apk来查看更改,而不是在Chrome上预览?这在您的浏览器中不起作用,因为您使用的是cordova。我也这样做了,但没有更改。我是否必须创建一个.apk来查看更改,而不是在Chrome上预览?这在您的浏览器中不起作用,因为您使用的是cordova。
import { StatusBar} from '@ionic-native/status-bar';

...

@NgModule({
  ...

  providers: [
    ...
    StatusBar
    ...
  ]
  ...
})
export class AppModule { }
import { StatusBar } from '@ionic-native/status-bar';

constructor(private statusBar: StatusBar) { }

...

// let status bar overlay webview
this.statusBar.overlaysWebView(true);

// set status bar to white
this.statusBar.backgroundColorByHexString('#ffffff');