代码之家  ›  专栏  ›  技术社区  ›  daveskylark

更改$mdDialog的角度材质

  •  4
  • daveskylark  · 技术社区  · 10 年前

    当您将鼠标悬停在我的“是”和“否”按钮上时,我想删除灰色背景 $mdDialog 。我通过在 angular-material.css .有什么想法吗?

    下面是我所指的“否”和“是”按钮的图片:

    enter image description here

    1 回复  |  直到 9 年前
        1
  •  4
  •   PJDev    10 年前

    首先,不要修改库的原始源。一旦您决定将其更新为新版本,所有更改都将丢失。更好的做法是用自己的样式覆盖原始样式。为了做到这一点,请创建一个单独的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文档中找到有关自定义对话框的更多信息:

    https://material.angularjs.org/latest/demo/dialog