我正在使用 Ionic 4 应用程序,我想更改工具栏的背景颜色,但它不起作用。
这是我尝试过的:
ion-toolbar {
--background: #f2f2f2;
}
ion-toolbar {
background: #f2f2f2 !important;
}
Like:
颜色:var(--离子颜色对比度);
在哪里定义--ion-color-contrast
. In variables.scss
文件或其他用于更改颜色的地方。
任何人都可以帮助我如何定义变量variables.scss
用于更改颜色Ionic 4.
这应该有效:
// global.scss
ion-toolbar {
--background: #f2f2f2;
}
刚刚在我的环境中确认了这一点,这种颜色不太明显,因为它很亮,所以尝试使用较暗的颜色,例如blue
只是为了确保它正在改变。
参考文档 https://ionicframework.com/docs/api/toolbar
颜色定义在theme/variables.scss
文件,你可以使用这个方便的发电机 https://ionicframework.com/docs/theming/color-generator帮助创建 css,然后您可以将其复制并粘贴到variables.scss
文件,然后使用引用颜色var(--ion-color-primary);
.
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)