Angular Material18.2.9更改对话框圆角

在Angular Material 18.2.9中，如果你想要改变 MatDialog（对话框）的默认圆角，你可以通过自定义主题或者直接修改CSS样式来实现。

**1. 自定义主题 (推荐)：**
Angular Material 提供了主题系统，让你能够轻松地控制组件的外观。首先，你需要创建或更新你的 `material-theme.css` 文件，然后添加以下样式：

.mat-dialog-container {
  border-radius: [your-desired-radius] !important;
}

替换 `[your-desired-radius]` 为你想要的圆角值，如 `6px` 或者 `24px`。

如果还没有创建主题文件，可以在你的 Angular 应用程序的 `app.module.ts` 中设置一个主题：

import { MatDialogModule, MAT_DIALOG_DATA } from '@angular/material/dialog';
// ...

@NgModule({
  imports: [
    // ...
    MatDialogModule,
  ],
  providers: [{
    provide: MATIALOG_DATA,
    useValue: { themeOverrides: { dialog: { borderRadius: 'your-desired-radius' } } },
  }],
})
export class AppModule {}

**2. 直接修改CSS样式：**
如果你不想使用主题，可以直接在 HTML 上对 `<mat-dialog>` 元素应用 CSS 样式：

<mat-dialog #dialog id="customDialog" [style.borderRadius]="['your-desired-radius']">
  <!-- your content -->
</mat-dialog>

<style>
#customDialog {
  border-radius: [your-desired-radius];
}
</style>

记得在选择这种方法时确保不要覆盖其他地方可能依赖的主题样式。