Angular2: стиль md-radio-button и md-checkbox

Question

У меня есть приложение angular2 с компонентами md-radio-button и md-checkbox, но я не могу изменить стили этого компонента. Я пробовал разные режимы, но без успеха. Любое предложение?

Answer 1

После md-checkbox или любой компонент пользовательского интерфейса отображается так, как показано ниже. можете добавить class к основному компоненту и выбрать дочерние HTML-теги напрямую и стилизовать их. это mdl-checkbox от angular2-mdl

лея-флажок

<mdl-checkbox class="mycheckbox mdl-checkbox is-upgraded ng-untouched ng-pristine ng-valid">
 <input class="mdl-checkbox__input ng-untouched ng-pristine ng-valid" type="checkbox">
 <span class="mdl-checkbox__label"> General </span>
 <span class="mdl-checkbox__focus-helper"></span>
 <span class="mdl-checkbox__box-outline">
  <span class="mdl-checkbox__tick-outline"></span>
 </span>
</mdl-checkbox>

Мой заказ CSS

.mycheckbox .mdl-checkbox__input{
 background-color: #f00;
}