각도 재질 2 입력 스타일 (단일 요소/페이지)

Question

단일 입력 요소의 스타일 (텍스트 색, 자리 표시 자 색, 밑줄 색 등)을 변경할 수 있습니까? 글로벌 스타일에 따라 나머지 스타일을 지정할 수는 있지만, 특정 페이지를 단일 페이지 또는 단일 컨트롤로 설정하려는 경우에는 어떻게해야합니까? 이것에 대한 가장 좋은 방법은 무엇입니까?

예를 들어,이 블록의 스타일을 지정하여 자리 표시 자, 텍스트 및 악센트 색상을 모두 사용자 정의 할 수 있습니까?

<md-input-container> 
    <input mdInput placeholder="Email address"> 
</md-input-container> 

Answer 1

각 재료 구성 요소에 대한 사용자 정의 테마를 정의 할 수 있습니다 그리고 당신과 같이 문제의 구성 요소에 대한 기본 테마를 오버라이드 (override) 할 수 있어야한다 :

@import '~/@angular/material/input/input-theme' 
.custom-input { 
    @include mat-input-theme($custom-input-theme) 
} 

그런 다음 바로 <md-input-container>에 클래스를 추가 . 당신이 구성 요소의 스타일에 사용자 정의 클래스를 정의하는 경우

또한, 캡슐화가 없음으로 설정되어 있는지 확인 :

@Component({ 
    ... 
    encapsulation: ViewEncapsulation.None 
})