angular - Angular Material 主题/更改边框半径
问题描述
我正在使用带有主题的 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;
}
但没有任何效果。
解决方案
Demo你有没有尝试添加
.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
推荐阅读
- sql - 每 6 个月动态拆分日期范围。开始日期可以是任何东西,但加起来是月份范围
- vue.js - Vue Apex Charts 中的倒置填充面积图
- arrays - 使用整数数组自动筛选多个条件
- python - 如何限制python脚本中的长度字符串?
- svn - 为什么 Subversion 认为这是一个冲突?
- java - 在spring-boot-starter-data-elasticsearch中向elasticsearch提交文档时出现索引错误
- python - 在 python 循环中修改字典
- java - JRadioButton 选择后需要单击才能使 ActionListener 生效
- ios - swiftui视图的多态性
- c# - 如何在 docker 容器中运行 C# 单元测试