Html CSS自定义属性赢得';不要在Ionic4&x2B中工作;角度投影

Html CSS自定义属性赢得';不要在Ionic4&x2B中工作;角度投影,html,css,angular,ionic-framework,ionic4,Html,Css,Angular,Ionic Framework,Ionic4,我目前正在做一个Ionic4+Angular项目,我正在尝试制作de UI。但是,似乎Ionic拥有的特定UI组件的自定义属性不起作用 例如,我有以下UI组件: 当我尝试应用css自定义属性时,例如文档提供的属性(例如:-背景聚焦不透明度),它们将不会起任何作用 或者,如果我尝试在scss文件中执行此操作:--background:“color”将不起作用,但如果我将其更改为background:“color”将起作用 知道为什么会这样吗?我翻遍了互联网,没有发现任何有用的东西 谢谢大家! !!

我目前正在做一个Ionic4+Angular项目,我正在尝试制作de UI。但是,似乎Ionic拥有的特定UI组件的自定义属性不起作用

例如,我有以下UI组件:

当我尝试应用css自定义属性时,例如文档提供的属性(例如:-背景聚焦不透明度),它们将不会起任何作用

或者,如果我尝试在scss文件中执行此操作:--background:“color”将不起作用,但如果我将其更改为background:“color”将起作用

知道为什么会这样吗?我翻遍了互联网,没有发现任何有用的东西

谢谢大家!

!!更新:


我试图使用的是带有自定义CSS属性的--background hover,它不会给我任何东西

我想你想要实现的是这样的:

一些常见错误:

您使用的是哪个scss文件?

  • 对于某些组件,您应该始终定义global.scss之类的规则
也许你必须使用!重要吗?

  • 忘了!重要提示:css规则将导致样式未更改
因为爱奥尼亚已经有了这个变量的定义,所以你必须在第一个变量之前写一条规则来覆盖它。

请发布完整的代码。这里没有足够的信息来正确回答你的问题。