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

Question

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

标签： angularradio-buttonangular-materialangular6

Answer 1

我知道这是一个旧帖子，但我认为我可以帮助某人。您可以添加：

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