0

Angular Material をテーマに使用しています。

$my-theme-redish: (...
$my-theme-red: (...
$my-theme-celeste: (...

$my-theme-primary: mat-palette($my-theme-redish);
$my-theme-accent:  mat-palette($my-theme-celeste);
$my-theme-warn:    mat-palette($my-theme-red);

$my-app-theme: mat-light-theme((
  color: (
    primary: $my-app-primary,
    accent: $my-app-accent,
    warn: $my-app-warn,
  )
));

今、私もテーマ/変更したいborder-radius. テーマでこれを行うことはできますか? これに関するドキュメントは見つかりませんでした。

::ng-deep特定のコンポーネントを使用または直接指定して、テーマを設定しようとしました。

::ng-deep mat-dialog-container {
  border-radius: 20px !important;
}

しかし、何も機能しませんでした。

4

1 に答える 1

4

デモ追加しようとしましたか

.mat-dialog-container {
  border-radius: 20px !important;
}

インサイドグローバルstyles.css

または、このダイアログが必要な場合は、以下の例のようにカスタム クラスにpanelClassオプションを指定します。

this.dialog.open(dialogComponent, { panelClass: 'custom-container' });

と

.custom-container .mat-dialog-container {
   border-radius: 20px !important;
}

インサイドグローバルstyles.css

于 2020-12-09T08:29:25.237 に答える