Angular2material 团队最近发布了MDDialog https://github.com/angular/material2/blob/master/src/lib/dialog/README.md

我想改变Angular 2material 对话框的外观和感觉.例如,要更改弹出窗口容器的固定大小并使其可滚动,请更改背景 colored颜色 ,依此类推.要做到这一点,最好的方法是什么?有可以玩的CSS吗?

推荐答案

您可以使用dev工具判断dialog元素,并查看mdDialog上应用了哪些类.

例如,.md-dialog-container是MDDialog的主类,具有填充:24px

您可以创建自定义CSS来覆盖您想要的任何内容

.md-dialog-container {
      background-color: #000;
      width: 250px;
      height: 250px
}

在我看来,这不是一个好的 Select ,而且可能违反了material 指南,但由于它没有以前版本的所有功能,所以你应该做你认为最适合你的事情.

Angular相关问答推荐

Angular中的Bootstrap carousel动态属性

更改物料设计中的复选框勾选 colored颜色

MAT-复选框更改事件未在onSubscriberCheck函数中返回选中的值

元素上的Angular 管道链接不起作用

Angular 17-getEnvironment InjectorProviders出现异常

RXJS拆分返回值,多次调用后重新加入

如何修复不允许的HttpErrorResponse 405?

获取 Angular 中所有子集合 firestore 的列表

从组件调用时服务中的 AddTodo 方法不起作用

导入 AngularFirestoreModule 时出现问题:此类型参数可能需要 `extends firebase.firestore.DocumentData` 约束.

BehaviorSubject 在 Angular 中制作数据之间的时间表(或计时器)

Angular 14 类型表单 - 数字控件的初始值

Angular:如何在根组件中使用 ngx-translate?

通过 SignalR 事件组件重定向Angular 页面后不起作用

全局异常处理

Angular 4 - 在下拉列表中 Select 默认值 [Reactive Forms]

ViewChild 和 ContentChild 的所有有效 Select 器是什么?

Angular 4 设置下拉菜单中的选定选项

*ngIf 带有多个异步管道变量

Angular 4 Bootstrap 下拉菜单需要 Popper.js