你好，马里奥。

在我的情况下，问题出在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）;
 }

 

结果：

Hello Tammy，

感谢您的快速回复！

是的，css在设计器中的应用程序级别-> i上，单击CSS图标以编辑css属性。

Designer-> CSS徽标->编辑CSS属性：

将css插入到我的css文件中（从上一篇文章中复制粘贴）：

将css类" myBtn"分配给Button：

保存应用程序并执行->仍是默认颜色：

是否需要将Basic_layout.css重命名为custom.css？

感谢您和最诚挚的问候，

马里奥

您可以按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：粗体;
 }
 

谢谢！ 最终，我能够对其进行测试，并且可以正常工作。

Br，

马里奥（Mario）

嗨，大家好，

我试图隐藏并显示将鼠标悬停在SAP lumira设计器中的按钮上的面板。

我们可以通过什么方式实现这一目标？