我最近從Angular 13更新到Angular 15，這樣一個所有設計都壞了而我還在揪頭發的噩夢。

大部分問題都是有角的材質升級到15。

這是我所有角度依賴性的列表。

"@angular/animations": "15.2.1",
    "@angular/cdk": "15.2.1",
    "@angular/common": "15.2.1",
    "@angular/compiler": "15.2.1",
    "@angular/core": "15.2.1",
    "@angular/flex-layout": "13.0.0-beta.38",
    "@angular/forms": "15.2.1",
    "@angular/material": "15.2.1",
    "@angular/material-moment-adapter": "15.2.1",
    "@angular/platform-browser": "15.2.1",
    "@angular/platform-browser-dynamic": "15.2.1",
    "@angular/platform-server": "15.2.1",
    "@angular/router": "15.2.1",

mat-menu-item有焦點邊框，不能覆蓋背景字體

輸入matInput有這個奇怪的灰色背景

matTooltip在懸停時閃爍(無法捕捉視頻)

這個工具提示問題只在少數地方出現。

感謝任何幫助。我想應該有一些我可以在global.scss中設置的東西可以移除所有的焦點邊框。

對于問題1:

藍色覆蓋是因為我的代碼中有以下內容。

@include mat.strong-focus-indicators()

對于mat-menu-item字體，我在組件ts中更新了以下內容。

@Component({
  selector: 'app-nav-bar',
  templateUrl: './nav-bar.component.html',
  styleUrls: ['./nav-bar.component.scss'],
  encapsulation: ViewEncapsulation.None // this bit was missing
})

在scss文件中，我添加了以下內容。

.mdc-list-item__primary-text {
  color: $primary--color;
}

添加類styles.scss或styles.css

.mat-mdc-focus-indicator::before {
  display: none !important;
}