Angular2：样式md-radio-button和md-checkbox

Question

我有一个angular2应用程序，带有md-radio-button和md-checkbox组件，但我无法更改此组件的样式。我尝试了不同的模式，但没有成功。有什么建议吗？

Answer 1

在md-checkbox或任何ui组件渲染后，它看起来像下面给出的东西。您可以将class添加到主组件并直接选择子html标签并设置它们的样式。这是来自mdl-checkbox

的angular2-mdl

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;
}