md-checkbox Angular materials styling : <p>Using Angular materials with Angular4, I cannot find a way to change checkbox color after checked.</p>

<p>The only way worked for me to modify styling at the initial view is:</p>

<pre><code>:host /deep/ .mat-checkbox-inner-container{
     height:15px;
     width:15px; 
     background-color: rgba(0, 255, 0, 0.87);
}
</code></pre>

<p>Trying to change styling after on checked, the following did not worked:</p>

<pre><code>:host /deep/ .mat-checkbox-checked {
background-color:yellow;   
}
</code></pre>

<p>It actually applied after check, but in wrong element - did not apply at the inner container.</p>

<p>Something like <code>:host /deep/ .mat-checkbox-inner-container-checked</code> does not work as well.</p>

<p>Any help is welcome.</p>
