如何覆盖cdk-mouse-focused和cdk-focused

Question

我有一个相邻的2个垫子按钮。每当我点击一个，cdk-focused和cdk-mouse-focused类就会应用于该按钮，但是当我点击其他按钮时，另一个按钮也会得到同一个类，两者都突出显示。 如何覆盖这些类，以便两个按钮看起来都不突出显示。 我无法弄清楚如何覆盖cdk-focused和cdk-mouse-focused类。

<button aria-haspopup="true" class="my-menu-top-menu mat-button ng-star-inserted " mat-button="" 
ng-reflect-klass="mega-menu-top-menu" ng-reflect-ng-class="[object Object]" ng-reflect-menu="[object Object]"><span class="mat-button-wrapper">
Maintenance
 </span><div class="mat-button-ripple mat-ripple" matripple="" ng-reflect-trigger="[object HTMLButtonElement]" ng-reflect-centered="false" ng-reflect-disabled="false"></div><div class="mat-button-focus-overlay"></div></button>

Answer 1

 .mat-button-focus-overlay {
   background-color:transparent !important;
  }