Как переопределить материальные стили CSS?

Лучше всего переопределить другой файл CSS, чтобы сделать его более конкретным. И они будут работать везде.

Вот ссылка на блог, чтобы подробно изучить специфику CSS: https://medium.com/@kastor012/the- базовое руководство к CSS - специфичность b89726c0c0bc

Также как если вы хотите переопределить вас над кодом, т.е.

.mat-radio-button.mat-accent .mat-radio-inner-circle {
  background-color: #fff;
}

Затем вы должны добавить свой класс в элемент или родительский элемент к нему. и напишите указанный CSS, чтобы переопределить его как:

.my__parent__class .mat-radio-button.mat-accent .mat-radio-inner-circle {
  background-color: #fff;
}

OR

.my__element__class.mat-radio-button.mat-accent .mat-radio-inner-circle {
  background-color: #fff;
}

В угловом файле конфигурации вам нужно импортировать ваши стили после материализации стилей