2017-01-07 27 views
0

デフォルトのmd-input-containerのプレースホルダーのグレー色を、材料の青色に変更しようとしています。私は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

関連する問題