代码之家 › 专栏 › 技术社区 › nachshon f

角度-在[ngStyle]中动态更改离子CSS属性

ionic-framework angular

nachshon f · 技术社区 · 6 年前

我想用 [ngClass] 动态更改 --bullet-background-active 颜色 Ionic Slide 基于此 article .

<ion-slides pager="true" [ngStyle]="{'--bullet-background-active':BulletColorVar}">

然而,它似乎并不特别适用于Ionic定制CSS属性。

有没有办法解决这个问题?

0 回复 | 直到 6 年前

EJ Sulit 5 年前

尝试使用 style.setProperty(propertyName, value, priority) 作用

CSS

ion-slides {
   --bullet-background-active: --bullet-color-var
}

document.body.style.setProperty('--bullet-color-var', BulletColorVar)

推荐文章

Gh05d · 更新到3后无法同步iOS项目

3 年前

Balram dangi · 离子电容器应用程序在ios中只显示白色的空白屏幕

3 年前

deszok · 电容器/离子文件系统写入文件到csv

3 年前

Fernando Aureliano · 无法在Ubuntu上升级离子版

3 年前

Rafael de Castro · 关于内存:在服务上存储json数据,还是在需要时随时获取?

3 年前

Anurag Singh · 通过mediacapture插件录制视频,但在通过文件插件-离子电容器上传时出现问题

3 年前

Andreea Purta · 未定义(读“coords”),使用@ionic native/geolocation-ionic/react

3 年前

plotnik · 发布Cordova插件的离子包装器

3 年前

Alex · 如何在Ionic Pro中设置正确版本的游戏服务

7 年前

Krishanu Mukherjee · 点击paypal时,Ionic 3 IOS应用程序崩溃

7 年前