如何在ionic中的app.scss中覆盖CSS类?

时间:2019-04-22 10:23:29

标签: css angular ionic-framework ionic3

我正在按照Tutorial设计离子应用的深色主题。它适用于大多数类,但是,有些css类仅在我在app.scss中覆盖它们时才会更改,如果我在theme.dark.scss中覆盖它们,则它们不受影响。

例如,这是一个离子警报类 .alert-md .alert-wrapper

如果我更改了app.scss中的背景颜色颜色,它将反映出这些更改。但是,如果我在theme.dark.scss中执行相同的操作,则不会执行任何操作。

我已经尝试在theme.dark.scss中使用!important ,但是它仍然不会更改该类的背景色和颜色。

有什么方法可以覆盖 theme.dark.scss 文件中的CSS?

感谢您的帮助。

2 个答案:

答案 0 :(得分:1)

您可以在variables.scss中更改背景颜色或覆盖背景颜色

答案 1 :(得分:0)

在Variable.css中,您将找到并更改如下:-

// From
@import "ionic.theme.default";

// To
@import "ionic.theme.dark";

这会使您的主题变暗,然后您可以根据需要进行适当的更改。

请点击以下链接获取更多说明。

correctly-dimensioned SVG placeholders for lazy-loaded images