当主色、重音或警告时，无按钮纹波效果，角11，角材料
我有一个简单的4个按钮，有棱角的材质，导入的BrowserAnimationsModule等：
<button mat-button mat-raised-button > TEST </button>
<button mat-button mat-raised-button color="primary"> TEST primary</button>
<button mat-button mat-raised-button color="warn"> TEST warn</button>
<button mat-button mat-raised-button color="accent"> TEST accent</button>
只有第一个按钮有可见的涟漪效果。我试图添加class="mat-app-background"到主体或包装，但仍然没有效果。是这个版本的某种bug吗？
纯简单的项目，只有角度材料依赖：stackblitz演示
共有2个答案
您也可以通过添加以下属性来启用涟漪效果，以防您只想使用matt-按钮而不使用matt-raised-按钮
<button
mat-button
[disableRipple]="false" // Add this line
>
Some Button
</button>
对于mat按钮，disableRipple将为真。因此，您可以禁用它并使用涟漪效应。
我在这里做了更改，如果需要，您可以查看一下：https://stackblitz.com/edit/angular-ivy-z9rbag?file=src/app/app.component.html
从mat提升按钮中删除mat按钮指令。应该行得通
-
我使用的是角材料V6。只要单击中的一行，我就想添加一个涟漪效果。 HTML： SCSS： 模块导入： 自定义主题： 我找不到任何关于向表中添加涟漪效果的文档，但我看到过几个Stackblitz实例，它们对行单击具有涟漪效果。我试图照搬他们正在做的事情，但没有成功。
-
波纹效果是一个外部库，主要用于实现 Material Design 中的点击效果。 应用波纹效果 给按钮添加波纹效果，你只要将 waves-effect 类放到按钮中。如果你想这个波纹效果更白，增加 waves-effect waves-light 作为按钮的类。 <a class="waves-effect waves-light btn-large" href="#">Wave</a> 自定
-
我正在使用Android v21支持库。 我已经创建了一个自定义背景颜色的按钮。当我使用背景色时，像涟漪，揭示的材质设计效果已经消失了（除了点击时的提升）。
-
我创建了一个新的angular5项目，在该项目上，我将angular material用于前端组件()。到目前为止一切都很好，但主要的问题是如何添加一个自定义主题。我没有在此项目上使用scss编译器，所以我所做的是将所有css组件导入到style.css中，如 问题是我不知道如何修改预构建的主题的底色，或者为我的主题生成另一个带有其他底色的css。如果有人能帮我，我会非常感激的！
-
本文向大家介绍基于JS+Canves实现点击按钮水波纹效果，包括了基于JS+Canves实现点击按钮水波纹效果的使用技巧和注意事项，需要的朋友参考一下 近来看到个不错的按钮点击效果，当点击时产生一次水波涟漪效果，挺好玩的，于是简单的实现了下(没考虑低版本浏览器兼容问题) 先看看效果吧，如下图（录制gif软件有点渣，看起来卡卡的...） 这种效果可以由元素内嵌套canves实现，也可以由css3实现