Material Design md-input-focused css 태그의 색상을 변경하는 방법

Question

이전 Angular 프로젝트에서 Angular Material Design (0.10)을 구현했지만 모두 작동하지만 양식 입력으로 기본 색상을 변경해야합니다.

입력에 초점을 맞출 때 해당 입력에 대해 진한 파란색 선이 표시됩니다 (올바른 기본 ng- 재료 동작).

이것을 (기존 색상과 일치시키기 위해) 빨간색으로 변경하고 싶습니다. 어떻게 할 수 있습니까?

CSS에서 나는 md-input-focused에 대한 참조를 볼 수 있지만 이것에 대한 색상을 변경하는 것은 명백하지 않습니까? 어떤 제안?

md-input-container.md-input-focused .md-input 

Answer 1

당신은 각도 재 입력 아래에있는 파란색 선에 대해 이야기하는 경우,이 같은 시도 :

md-input-container:not(.md-input-invalid).md-input-focused .md-input { 
    border-color: red; // Or the color you want 
} 

을