角度素材デザインのmdフォーカスチェックボックスの色を変更します

Question

角度素材を使用していますが、チェックボックスをオンにしてフォーカスを合わせると、チェックボックスの周りに奇妙なピンクの円形の影ができます私はちょうど色）を変更することができるようにしたい

<md-checkbox class="gray md-default-theme md-checked" checked="checked"> 

//これがチェックされ、焦点で、それは「MD-焦点を当てた」&は、このチェックボックスの周りにかすかなピンクの円を与えるクラスを追加すると

<md-checkbox class="gray md-default-theme md-checked md-focused" checked="checked"> 

誰も私がどのように変更するか説明できますかCSSを使って色を変えるのですか？

Answer 1

あなたはスタイルが擬似要素に追加されるので、 .md-focused .md-container:beforeをオーバーライドする必要が

...（PLUNKER DEMO）

• すべてのチェックボックスを無効にするに焦点を当てる：

  md-checkbox.md-focused .md-container:before { 
      background-color: transparent !important; 
  } 
  

• へ特定のチェックボックスを無効にする：

  HTML

  <md-checkbox class="md-checkbox-no-focused"> 
      Checkbox without focus 
  </md-checkbox> 
  

  CSS

  .md-checkbox-no-focused .md-container:before { 
      background-color: transparent !important; 
  }