Angular Material 6 在复选框和单选按钮上禁用波纹

Question

我遇到过这样的情况，即在嵌套了几层深的容器边缘有单选按钮，并带有自动溢出。Angular 材质单选按钮具有波纹效果，会被剪裁。我没有重新处理整个事情，而是打算使用 disableRipple 关闭涟漪。这适用于点击，但在组件之间切换时似乎不起作用，如本stackblitz所示，如下面的屏幕截图所示，我切换到选项 1 而不是单击顶部的选项 1。我尝试更新 css 以显示：none，但是当焦点改变时根本没有视觉提示。在我看来，涟漪效应应该叠加以避免剪切问题，但这不是它的工作原理。那么有没有办法同时关闭标签和点击呢？

Answer 1

我知道这是一个旧帖子，但我想我可以帮助别人。您只需添加：

.mat-ripple-element{
  display: none !important;
}