mat-button-toggle styling issues

[fad250]

Bug 1:

Issue

Applying custom style for checked button toggle gives an odd hover effect.

eg.

.mat-button-toggle-checked{
  background-color: #2979FF;
  color: white;
} 

What are the steps to reproduce?

https://stackblitz.com/edit/angular-ivjb9g

Bug 2:

Issue

In legacy style, button elevation cannot be modified.

What are the steps to reproduce?

https://stackblitz.com/edit/angular-ivjb9g-tdqden

[wottpal]

Does anybody know a temporary fix? :)

[skobak]

Does anybody know a temporary fix? :)

A bit ugly hack, but works

::ng-deep .mat-button-toggle-appearance-standard:not(.mat-button-toggle-disabled):hover .mat-button-toggle-focus-overlay {
    opacity: 0 !important;
}

[blogcraft]

I find mat-button-toggle the worst component of Angular Material.

[tawani]

I find mat-button-toggle the worst component of Angular Material.

It is as if they literally wanted to make it horrible.