更改 $mdDialog 的角度材料答案

【问题标题】：Change angular-material for a $mdDialog更改 $mdDialog 的角度材料
【发布时间】：2017-08-11 03:18:33
【问题描述】：

当您将鼠标悬停在我的$mdDialog 的“是”和“否”按钮上时，我想移除灰色背景。我设法通过在angular-material.css 中更改文本的颜色来更改它。有什么想法吗？

这是我所指的“否”和“是”按钮的图片：

【问题讨论】：

【解决方案1】：

首先，不要修改库的原始来源。一旦您决定将其更新到较新的版本，您的所有更改都将丢失。更好的做法是用自己的样式覆盖原始样式。为此，请创建一个单独的 css 文件并将其添加到您的站点中 angular-material.css 之后。

要修改对话框中按钮的背景颜色，需要以下代码：

md-dialog .md-button:not([disabled]):hover {
    background-color: transparent !important;
}

.md-button:not([disabled]):hover 是一个负责设置 md 按钮控件悬停颜色样式的类。在这种情况下，需要!important 来覆盖按钮的原始颜色。最后，开头的md-dialog 可确保您的样式仅在对话框内应用。

更新 1 - 替代解决方案

另一个但更复杂的解决方案是创建自定义确认对话框。这样，您可以使用自己的模板完全改变对话框的外观。您可以在 Angular Material 文档中找到有关自定义对话框的更多信息：

【讨论】：