css - Angular 7 SCSS 不保留 CSS 自定义属性
问题描述
我正在尝试在我的 Angular 7 应用程序中使用 CSS 自定义属性,但遇到了构建到 css 会摆脱设置为 CSS 变量的属性的问题。
SCSS
:root {
--my-test-var: red;
}
.testclass123 {
height: 150px;
background: var(--my-test-var);
}
构建为:
:root {
--my-test-var: red;
}
.testclass123 {
height: 150px;
}
如果我使用类似var(--my-test-var, purple);
then的后备选项.testclass123
也将具有属性background: purple;
我的 Angular 版本是 7.2.7 和 Angular Material 7.3.7
解决方案
如果您使用SCSS
全局样式,您可以像这样定义颜色。这是最好的方法。
$product: red;
然后只有当你需要这样的时候才打电话。
background-color: $product;
推荐阅读
- django-allauth - 是否可以在 allauth 中创建一个新的社交提供者?
- php - 升级到 php 7 后包含外部 html 站点
- kubernetes - Kubernetes 宕机
- php - PHP XMLNode,DOMnode Xpath 选择谓词的孙属性值
- json - JQ:如何根据正则表达式删除键?
- java - 如何解决 Gradle 错误找不到符号
- r - 返回函数输出
- sql - 在表中加载 XML
- android - 在 Android Studio 中更新 Android SDK API 28 的问题
- mongodb - 如何在 mongo-shell 脚本的 mongo 连接字符串中使用 sslAllowInvalidHostnames?