Как удалить цвет наведения с переключателя коврик в угловой?

#angular #angular-material #radio-button #hover

Вопрос:

Я работаю над проектом. Это требование проекта-удалить цвет наведения с переключателя «Коврик». Я перепробовал много вещей, но у меня ничего не получается. Мой текущий стиль выглядит следующим образом:

 ::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*/
}
 

Я потратил на это много времени. Если кто-то знает, кто может это решить, пожалуйста, дайте мне знать. Спасибо

Ответ №1:

В принципе, вы хотите удалить эффект пульсации. Чтобы удалить эффект пульсации на переключателе коврика, вы можете сделать это следующим образом:

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