大卫，您好，

我刚刚在SAP Lumira 23.0.1版中尝试了3种不同的"按钮类型"：

按钮1,4 =默认，按钮2,5 =无样式，按钮3,6 =强调

我在一个自定义css文件中创建并定义了3个自定义css类，并向图像第二行中的3个按钮（按钮4-6）的每个按钮添加了一个不同的按钮。

如果您使用更多具有更强CSS特异性的选择器，则在这种情况下，您不需要使用！important。

附加的是3个按钮的示例：当应用程序具有默认的Theme = Belize时，第一行是3种不同按钮类型的默认样式，第二行是在向这3个按钮添加自定义css类之后更改的设计。 仅在IE11中进行了测试。

我创建了以下3个自定义CSS类，即使用户将鼠标悬停在按钮上，背景色和文本色也保持不变：

 .btn_default 
，.btn_default> span 
，.btn_default：悬停> .sapMBtnHoverable 
 {
背景：紫色; 
颜色：红色; 
} 
 <  br> .btn_unstyled 
 {
背景：紫色； 
颜色：红色； 
} 
 
 .btn_emphasized 
，.btn_emphasized> span.sapMBtnInner.sapMBtnEmphasized 
，  .btn_emphasized：hover> span.sapMBtnInner.sapMBtnEmphasized.sapMBtnHoverable 
 {
背景：紫色； 
颜色：红色； 
} 
 

因此，根据为应用程序选择的总体主题以及在按钮属性中选择的按钮类型设计，您可能必须使用不同的CSS选择器。 尽管您可能需要更多/更长的选择器，例如我的示例，但是我想避免使用！important，因为这是一种最佳实践方法，如果可能的话不要使用！important。 如果sap在其.css文件中使用过它，那么您也必须使用！important来覆盖其css定义，有时是这种情况，但是现在在此示例中没有必要。

如果查看按钮的DOM（F12，检查元素），您会发现它内部有一些嵌套的跨度，您也必须注意。 您始终可以通过从library.css文件中的嵌套范围中搜索那些sss类定义来确定sap的方式，例如，您可以从DOM Explorer中的IE中打开该文件。

最诚挚的问候，

David Gyurasz