각도 재료 디자인의 MD 초점 확인란의 색상을 변경하십시오.

Question

각도 재료를 사용하고 있으며 확인란을 선택하고 초점을 맞추면 md- 확인란을 사용했습니다. 확인란 주위에 이상한 핑크색 원형 그림자가 생깁니다. 난 그냥 색상)을 변경할 수 있도록하려면

<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를 통해 색상을 변경하는 것입니까?

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

사람 :

Answer 1

당신은 (PLUNKER DEMO)

• 모든 체크 박스를 무시하기가 초점을 ... 스타일이 의사 요소에 추가되기 때문에 .md-focused .md-container:before를 오버라이드 (override) 할 필요가 특정 체크 박스보다 우선 적용 :

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