Question

当你将鼠标悬停在＆＃39; yes＆＃39;之后，我想删除灰色背景。并且没有＆＃39;我$mdDialog的按钮。我已设法通过在angular-material.css中更改文本来更改文本的颜色。有什么想法吗？

这是一张“没有”的图片。并且＆＃39;是＆＃39;是我指的按钮：

Answer 1

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

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

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

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

更新1 - 替代解决方案

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