提问
SAPUI5 SAP Fiori css3

将Fiori App中的自定义CSS部署到ABAP存储库时不应用

2020-08-19 22:47发布

站内问答 / UI5
2112 6 6

         点击此处--->   EasySAP.com群内免费提供SAP练习系统（在群公告中）

加入QQ群：457200227（SAP S4 HANA技术交流） 群内免费提供SAP练习系统（在群公告中）


大家好，

当Processflow Node的Focused设置为true时，我已经为流程流节点应用了自定义css，这是它​​在本地应用的css代码和xml代码，但是当它部署了ABAP存储库并在启动板中打开时，css样式类 在检查元素时不应用，并且类本身不存在。

 
 
 
 
 
 
 
  
 .NodeFocusStyle .sapSuiteUiCommonsProcessFlowNodeDisplayStateFocused {
     背景颜色：#FABD64！important;
     边框颜色：#0092d1！
 }

（131.0 kB）

         点击此处--->   EasySAP.com群内免费提供SAP练习系统（在群公告中）

加入QQ群：457200227（SAP S4 HANA技术交流） 群内免费提供SAP练习系统（在群公告中）


大家好，

当Processflow Node的Focused设置为true时，我已经为流程流节点应用了自定义css，这是它​​在本地应用的css代码和xml代码，但是当它部署了ABAP存储库并在启动板中打开时，css样式类 在检查元素时不应用，并且类本身不存在。

 
 
 
 
 
 
 
  
 .NodeFocusStyle .sapSuiteUiCommonsProcessFlowNodeDisplayStateFocused {
     背景颜色：#FABD64！important;
     边框颜色：#0092d1！
 }

（131.0 kB）
付费偷看设置
发送
6条回答
闻人可可
1楼 · 2020-08-19 23:02.采纳回答 
 var sheet = new CSSStyleSheet（）;
 var sheet1 = new CSSStyleSheet（）;
 sheet.replaceSync（'。NodeFocusStyle .sapSuiteUiCommonsProcessFlowNodeDisplayStateFocused {background-color：#FABD64; border-color：#0092d1！important}'）;
 sheet1.replaceSync（'。NodePaddingStyle .sapSuiteUiCommonsProcessFlowNode3ZoomLevel3 {padding：Inherited！important}'）;
 document.adoptedStyleSheets = [sheet，sheet1];
Bunny_CDM
2楼-- · 2020-08-19 23:25

嗨，专家们我找到了一个替代解决方案，我在Init方法中添加了CSS样式，就像这样，这是仅当样式较小时才具有自定义CSS代码的替代方法 。

Nan4612
3楼-- · 2020-08-19 23:28

css/style.css足够了，不需要在此处放置名称空间

打个大熊猫
4楼-- · 2020-08-19 23:11

您可以共享全部内容吗？

微wx笑
5楼-- · 2020-08-19 23:15

是否可以检查开发工具的网络跟踪（如果已加载css文件）？ 您知道必须在清单中而不是索引页中定义css资源吗？


如果一切正常，您可能正在sap Web ide中使用其他ui5版本进行测试。 ui5版本之间的css可能不同，并且破坏了您的自定义css。 对此请务必小心。

Kr，Wouter

当学会了学习
6楼-- · 2020-08-19 23:25

我发现在启动板中运行时未加载css文件的问题，尽管在清单中定义了

，却未加载的原因是什么？

一周热门 更多>

点击此处---> EasySAP.com 一起学习S4 HANA ...