如何覆盖 SAP Spartacus 默认的 css style

slack

在 Spartacus 中覆盖样式的一种方法是在 src/styles.scss 中定义它们。但是我发现在 Spartacus 3.4 中，我必须添加 !important 指令来覆盖样式。有没有更好的方法来做到这一点，或者 !important 是覆盖样式的唯一方法？

:root {--cx-color-primary: #A7FFF6 !important;--cx-color-secondary:  #8AA39B !important;--cx-color-text:  #5C6F68 !important;--cx-color-background:  #95D9C3 !important;--cx-color-dark:  #A4F9C8 !important;
}

答案：wrap them in a body selector

如何覆盖 SAP Spartacus 默认的 css style相关推荐

SAP Spartacus popover Component css 的重用设计
按照需求,我们需要在SAP Spartacus B2B 页面的 List header 和Card header两处,同时显示info icon, 因此,有必要设计一个统一的icon style,然后 ...
SAP Spartacus 默认的 pwa，处于关闭状态还是打开状态？
我 clone 了 SAP Spartacus 4.0版本,发现在 pwa.module-config.ts 里的 defaultPWSModuleConfig,pwd enabled 标志位处于 f ...
SAP Spartacus里如何禁掉默认的css style
使用语法:$skipComponentStyules: (cx-mini-cart, cx-searchbox); 将上述代码粘贴到style.scss的首部, 然后在@import "~@ ...
SAP Spartacus 默认路由配置的工作原理
这个默认配置文件的名称:default-routing-config.ts 查看哪些地方消费了 defaultRoutingConfig: provudeDefaultConfig 是一个 helpe ...
SAP Spartacus默认的货币列表currency是从源代码什么地方读取的
在调试器里观察OccConfig: 发现context的currency字段里有很多货币列表: 答案是在这个文件里配置:C:\Code\SPA\spartacus\projects\core\src\ ...
SAP Spartacus默认的baseSite是从源代码什么地方读取的
答案是这个文件: C:\Code\SPA\spartacus\projects\storefrontapp\src\environments\b2c\b2c.feature.ts import { B ...
SAP Spartacus的pagination$ -默认的分页设置10
很多时候我们会希望 Subject 对象能够保存当前的状态,当新增订阅者的时候,自动把当前最新的值发送给订阅者.要实现这个功能,我们就需要使用 BehaviorSubject. BehaviorSub ...
如何定制化SAP Spartacus的购物车图标
SAP Spartacus默认的购物车图标如下图所示: 使用如下的css代码对其外观进行修改: /* You can add global styles to this file, and also ...
自定义SAP Spartacus的产品搜索API参数 - Product Search
SAP Spartacus默认采用的产品搜索url配置在这个文件里: C:\Code\SPA\spartacus\projects\core\src\occ\adapters\product\defa ...

如何覆盖 SAP Spartacus 默认的 css style

如何覆盖 SAP Spartacus 默认的 css style相关推荐

最新文章

热门文章