【问题标题】:CSS custom properties won't work in Ionic4+Angular ProjectCSS 自定义属性在 Ionic4+Angular 项目中不起作用
【发布时间】:2021-08-02 19:26:46
【问题描述】:

我目前正在从事 Ionic4+Angular 项目,并且正在尝试制作 de UI。但是,Ionic 具有的特定 UI 组件的自定义属性似乎不起作用。

例如,我有以下 UI 组件:

当我尝试应用文档提供的 css 自定义属性(例如:--background-focused-opacity)时,它们什么也不做。

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

知道为什么会这样吗?我浏览了整个互联网,但没有发现任何有用的东西。

谢谢!

!更新:

我正在尝试使用的是带有自定义 CSS 属性的 : --background-hover 这不会给我任何东西

【问题讨论】:

  • 请发布完整的代码。这里不足以正确回答您的问题。

标签: html css angular ionic-framework ionic4


【解决方案1】:

我认为你想要达到的目标是这样的:

https://forum.ionicframework.com/t/serach-bar-styling-in-ionic-4-beta/137497

一些常见错误:

您使用的是哪个 scss 文件?

  • 对于某些组件,您应该始终定义您的规则,例如 global.scss

也许您必须使用 !important ?

  • 在您的 css 规则之后忘记 !important 将导致样式不会被更改。

因为 Ionic 已经对该变量进行了定义,您必须通过在第一个规则之前编写规则来覆盖它。 https://www.w3schools.com/css/css_specificity.asp

【讨论】:

    猜你喜欢
    • 2021-10-02
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-11-10
    • 2020-10-22
    • 1970-01-01
    • 1970-01-01
    • 2019-04-12
    相关资源
    最近更新 更多