Флажок Изменение CSS из углового материала

Question

Может кто-нибудь сказать мне, как я могу изменить цвет круглого круга, когда вы нажимаете флажок угловой материал.На следующем рисунке (розовый кружок)

Вот ссылка с официальной страницы: https://material.angular.io/components/checkbox/overview

Спасибоза помощь

Answer 1

Флажок (как галочка, так и пульсация) по умолчанию использует цвет accent из вашей темы.Вы можете изменить его, чтобы использовать основной цвет, используя свойство color = "primary" элемента.Если вы хотите использовать пользовательский цвет (т.е. не из темы) , вам придется переопределить CSS вручную или создать собственную тему .

ЕслиВы хотите переопределить только цвет пульсации, вы можете переопределить класс .mat-ripple-element, который добавляется к сгенерированному элементу пульсации всякий раз, когда вы устанавливаете флажок.Добавьте желаемые стили к theme.scss.

.custom-ripple {
  .mat-ripple-element {
    background-color: rgba(100, 200, 50, 0.5) !important;
  }
}

Вот пример .