如何覆盖以鼠标为中心的 CDK 和以 CDK 为中心的

Question

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

<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;
}