html - 如何在 Angular Material 中添加占据对话框整个宽度的标题

标签 html angular css angular-material2

我是使用 Angular Material 的新手。我想在模态对话框中有一个占据整个宽度的标题。 Angular Material 是否提供任何属性,我可以在其中实现以下功能。

我想要什么

enter image description here

我得到了什么

enter image description here

这是 stackblitz 链接

https://stackblitz.com/edit/matdialog-directives-demo-nl9bkr?file=app%2Ffile-name-dialog.component.ts

最佳答案

您必须定位作为对话框一部分的元素 mat-dialog-container 元素并移除其填充。

类似的东西:

mat-dialog-container.mat-dialog-container {
  padding:0;
}

请注意,我习惯使用标签选择器和类选择器来使选择器的特异性更高。

关于html - 如何在 Angular Material 中添加占据对话框整个宽度的标题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48305771/

相关文章:

html - Safari 使导航栏在悬停元素时跳转,这在其他浏览器上工作正常

php - 检查标题中是否包含 jQuery (Joomla)

angular - 如何在 Pyramid Web View 中创建/设置 Angular 2 应用程序

html - 渐变色大小

node.js - 如何使用 "ng e2e"对 Node 服务器而不是 webpack-dev-server 运行 Protractor 测试

angular - 无法解析 angular5 中的类型文档

javascript - 基于输入值的样式

jquery - MVC 表单中的自定义样式 CSS

javascript - css 样式无法通过 jquery 添加

PHP类别树递归