2017-01-07 10 views
0

md 입력 컨테이너의 자리 표시 자 색상을으로 변경하려고합니다. documentation에서 언급 한 기본 테마를 변경하려고 시도했으며 테마에 대한 고유 한 테마를 특정보기/UI 항목으로 만들려고했습니다. 그러나 아래 코드 중 어느 것도 md-input-container 자리 표시 자의 색상을 수정하지 않습니다. 내가 뭘 놓치고 있니?테마 색상을 회색에서 파란색으로 변경하십시오.

mainApp.config(function($mdThemingProvider) { 
    $mdThemingProvider.theme('alt') 
     .backgroundPalette('blue-grey') 
     .primaryPalette('orange') 
     .accentPalette('green'); 
}); 

<md-input-container class="md-block" flex="30" md-theme="alt"> 
    <input required type="text" placeholder="Week" 
      /> 

    <div ng-messages="$error"> 
     <div ng-message="required">This is required.</div> 
    </div> 
</md-input-container> 
+0

예가 있습니까? – kuhnroyal

+0

예를 들면? –

+0

codepen 또는 뭔가 ... – kuhnroyal

답변

1

공식적인 방법이 없습니다.

당신은 선택을 사용할 수 있습니다 (테마 이름의 일부이므로주의) :

md-input-container.md-alt-theme label, 
md-input-container.md-alt-theme .md-placeholder { 
    color: rgb(96, 125, 139); 
} 

또는 당신이 foregroundPalette을 수정할 수 있습니다 입력 레이블이 세 번째 사용하는 것 같다

$mdThemingProvider.theme('alt').foregroundPalette[3] = 'rgb(96, 125, 139)'; 
+0

완벽한 솔루션입니다. 전경 팔레트는 어디서 찾았 니? 소스 코드에서 발굴하지 않으면 문서를 찾을 수 없습니다. –

+0

슬프게도 그것을 발견하지 못했습니다. 소스 코드에서 발견되었고 Github의 문제에서 언급되었습니다. – tasseKATT