如何从 angular 中的垫子单选按钮中删除悬停颜色？

Question

我正在做一个项目。项目要求从垫单选按钮中删除悬停颜色。我尝试了很多东西，但对我没有任何用处。我目前的造型如下：

::ng-deep .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element {
  opacity: 0.5 !important;     /*click effect color change*/
  background-color: transparent !important;
}

::ng-deep .mat-radio-button.mat-accent .mat-radio-inner-circle {
  background-color: blue !important;   /*inner circle color change*/
}

::ng-deep.mat-radio-button.mat-accent.mat-radio-checked .mat- 
radio-outer-circle {
  border-color:blue !important; /*outer ring color change*/
}

我在这上面花了很多时间。如果有人知道由谁来解决，请告诉我。谢谢

Answer 1

基本上，您想消除涟漪效应。要消除垫单选按钮上的波纹效果，您可以这样做：

.mat-radio-ripple {
    display: none;
}