css - $mdDialog 确认重新排列 cancel-ok 到 ok-cancel

Question

在我们的网络应用程序中，我使用 Angular-Materials $mdDialog 和确认对象。是否可以将按钮的顺序从取消确定更改为确定取消？并将初始焦点设置为取消按钮？也许通过 CSS 或模板？

代码如下所示：

var confirm = this.$mdDialog.confirm()
  .parent(angular.element(document.body))
  .title('Löschen')
  .content('Möchten Sie wirklich löschen?')
  .ariaLabel('Löschen')
  .ok('Ja')
  .cancel('Nein')
  .targetEvent(event);

this.$mdDialog.show(confirm)
  .then(() => {
     // do something
  });

Answer 1

这可能有效：

md-dialog md-dialog-actions {
    display: block;
}

md-dialog md-dialog-actions button {
    float: right;
}