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条回答
打个大熊猫
2020-09-04 06:53

您可以按F12键并找到所需的CSS标签。 检查下面的链接。

https://博客。 sap.com/2015/04/22/list-of-css-for-sap-design-studio /

https://blogs.sap.com/2014/05/11/how-to-find-and-change-the-css-class-design-studio /

请检查以下CSS代码:

/************外部格式***********/
/*更改按钮的外部格式*/
 .myButton.sapMBtn {
   box-shadow:2px 2px 2px 0px#787878;
   border-radius:5px;
 }


/*鼠标悬停时更改按钮的外部格式*/
 .myButton.sapMBtn:hover {
   盒子阴影:无;
 }


/************内部格式************/
/*更改按钮的内部格式*/
 .myButton .sapMBtnInner {
   颜色:#bb0000;
   字号:11px;
   font-weight:粗体;
   边框:1px实线#bb0000;
   背景:#ffdddd;
   border-radius:5px;
 }


/*更改按钮内部图标的格式*/
 .myButton .sapUiIcon:之前{
   颜色:#bb0000;
   font-weight:粗体;
   显示:flex;
   flex-direction:列;
   证明内容:中心;
   padding-top:-2px;
   padding-left:10px;
 }


/*鼠标悬停时更改按钮内部格式*/
 .myButton.sapMBtn:hover> .sapMBtnHoverable {
 背景颜色:#0080ff;
   白颜色;
   边框:1px实线#0059b3;
   border-radius:5px;
 }


/*鼠标悬停时更改按钮内部图标的格式*/
 .myButton.sapMBtn:hover> .sapMBtnHoverable .sapUiIcon:before {
   白颜色;
   font-weight:粗体;
 }
 

一周热门 更多>