角材2顏色輸入

Question

角材2顏色輸入

<md-input-container > 
    <input type="password" md-input placeholder="password"> 

</md-input-container> 

我想要的顏色上點擊來改變，我該怎麼辦呢？

Answer 1

請記住，你不想瘋狂的材質顏色，他們限制和分配給各種用戶界面元素和狀態的原因。

雖這麼說......

如果你是問你如何改變顏色時，該項目具有焦點，你可以使用顏色=「」屬性並將其設置爲'主「默認」，「口音'或'警告'，雖然這會違反一些重要的原則，因爲當您這樣做時，您可能會向用戶發出不正確的狀態信號。

<md-input-container color='accent'> 
    <input type="password" md-input placeholder="password"> 
</md-input-container> 

這裏設置爲「口音」

谷歌的公司名稱plunker如果你不喜歡默認的顏色那麼我建議如果你真的是你可以創建自己的主題

想發瘋，你可以在此改變SASS輸入混入了輸入類

https://github.com/angular/material2/blob/0666207527299758293a9587a5b79212167a9a70/src/lib/input/_input-theme.scss

我不建議但如果你想堅持的材料設計指南

如果你正在尋找設置的狀態，這是一個不同的問題

Answer 2

https://material.angular.io/guide/theming

的style.css

.mat-dark { 
     @include angular-material-theme($dark-app-theme); 
     input { 
     color: white; 
     } 
    } 

<div class="mat-dark"> 
    <md-input-container> 
     <input type="password" md-input placeholder="password"> 
    </md-input-container> 
</div> 

Answer 3

.mat-focused .mat-form-field-label { 
    color: #5cb53f !important; 
} 

.mat-form-field-ripple { 
    background-color: #5cb53f !important; 
}