Lumira Designer按钮的CSS代码

2020-09-04 05:55发布

点击此处---> 群内免费提供SAP练习系统(在群公告中)加入QQ群:457200227(SAP S4 HANA技术交流) 群内免费提供SAP练习系统(在群公告中)你好 m

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

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


你好

m <客户希望更改按钮的默认文本颜色,即蓝色。 他希望文字为黑色。 我认为还可以,但是在这种情况下我真的很难让CSS工作。

我为Lumira应用程序中的Button项目分配了css类" myButton"。

我在custom.css文件中尝试了以下CSS属性:

.myButton,.sapMBtnText {background-color:blue!important; 颜色:红色!重要}; } .myButton,.sapMBtnInner {background-color:blue!important; 颜色:红色!重要}; } .myButton,.sapMBtnDefault {background-color:blue!important; 颜色:红色!重要}; }

问题是什么也没发生-CSS属性被忽略,我也不知道该怎么做。 我在chrome中使用DOM资源管理器,但获取正确的CSS类确实令人困惑。

任何想法如何做到这一点?

谢谢!

5条回答
Alawn_Xu
2020-09-04 06:29 .采纳回答

你好,马里奥。


在我的情况下,问题出在myBtn和css文件中的后续类之间缺少空格。 这是工作示例代码,我使用了TOGGLEBUTTON组件(但它们与标准按钮(至少sapMBtnInner)共享相同的类)。

.myBtn .sapMBtnInner {background-color:transparent; border:none; color:white;}
.myBtn .sapMToggleBtnPressed.sapMBtnInner {background-color:rgba(83,144,137,1);}

# p#

您好Mario-custom.css是否存储在应用程序级别?

这是来自custom.css的,并将myBtn分配给按钮级别的CSS类:

 .myBtn.sapUiBtnS {
 font-weight:粗体;
 白颜色;
 }
/*普通按钮*/
 .myBtn.sapUiBtnStd.sapUiBtnNoGradient.sapUiBtnNorm.sapUiBtnS {
 过滤器:progid:dximagetransform.microsoft.gradient(startColorstr ='#003283',endColorstr ='#008FD3',GradientType = 0);
 }
/*悬停按钮*/
 .myBtn.sapUiBtnStd.sapUiBtnNoGradient.sapUiBtnNorm.sapUiBtnS:悬停在.myBtn.sapUiBtnStdHover.sapUiBtnStd.sapUiBtnNoGradient.sapUiBtNi。
 过滤器:progid:dximagetransform.microsoft.gradient(startColorstr ='#008FD3',endColorstr ='#003283',GradientType = 0);
 }
/*单击按钮*/
 .myBtn.sapUiBtnAct.sapUiBtnNoGradient.sapUiBtnNorm.sapUiBtnS:悬停,.myBtn.sapUiBtnStdHover.sapUiBtnStd.sapUiBtnNoGradient.sapUiBtnNorm。
 过滤器:progid:dximagetransform.microsoft.gradient(startColorstr ='#008FD3',endColorstr ='#008FD3',GradientType = 0);
 }
/*对焦按钮*/
 .myBtn.sapUiBtnStd.sapUiBtnNoGradient.sapUiBtnNorm.sapUiBtnS:焦点,.myBtn.sapUiBtnStdFocus.sapUiBtnStd.sapUiBtnNoGradient.sapUiBtBirn {s
 筛选器:progid:dximagetransform.microsoft.gradient(startColorstr ='#003283',endColorstr ='#003283',GradientType = 0);
 }
/*焦点和悬停按钮*/
 .myBtn.sapUiBtnStd.sapUiBtnNo梯度
 过滤器:progid:dximagetransform.microsoft.gradient(startColorstr ='#0076CB',endColorstr ='#0076CB',GradientType = 0);
 }

 

结果:

一周热门 更多>