在离子4中,SCSS相当于什么颜色=“初级”?

2022-01-28 08:10:48 标签 htmlangularionic-frameworksass

我使用这个HTML语法来产生工具栏是我的主颜色,工具栏内的文本与那个颜色形成对比:

<ion-header>
  <ion-toolbar color="primary">
    <ion-title>
      GreenWalls Aplikace
    </ion-title>
  </ion-toolbar>
</ion-header>

我的应用程序将有许多页面的,我不想手动设置所有的工具栏颜色-相反,我想在全局设置这个颜色。SCSS文件,并自动地全局地应用它。这是我尝试过但到目前为止并不奏效的方法:

ion-toolbar {
  background: var(--ion-color-primary);
  color: var(--ion-color-primary-contrast);
}

以上代码的结果:

如何在SCSS中实现与在Ionic中使用HTML color="primary"(使用Angular框架)相同的输出?

###你忘记在CSS属性名称前加上“——”。

试试这个:

ion-toolbar {
    --background: var(--ion-color-primary);
    --color: var(--ion-color-primary-contrast);
}
阅读全文

▼ 版权说明

相关文章也很精彩
推荐内容
更多标签
相关热门
全站排行
随便看看

错说 cuoshuo.com —— 程序员的报错记录

部分内容根据CC版权协议转载;网站内容仅供参考,生产环境使用务必查阅官方文档

辽ICP备19011660号-5

×

扫码关注公众号:职场神器
发送: 1
获取永久解锁本站全部文章的验证码