2017-04-02 40 views
0

是否有可能改變風格(文本顏色,顏色的佔位符,下劃線顏色等),單個輸入元素?我可以根據全球的款式風格,其餘的,但如果你要專門設置爲主題的單頁上或單個控制什麼?最佳做法是什麼?角材料2輸入方式(單件/頁)

例如,我怎麼樣式該塊,使佔位符,文字和口音的顏色都是定製的?

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

你應該能夠與材料主題處理。 – Aravind

+0

@Romanç讓我們記住SO約爲回答問題,並傳播知識,而不僅僅是告訴人們它不能這樣做。 – ender

+0

請說明您的具體問題或添加其他詳細信息,以確切地突出您需要什麼。正如目前所寫,很難確切地說出你在問什麼。請參閱如何問問頁面以獲取幫助以澄清此問題。 @ender –

回答

0

您可以定義自定義主題,對每種材料成分,你應該能夠覆蓋你的基本主題中的組件問題,像這樣:

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

然後,只需將該類添加到<md-input-container>

另外,如果你是在一個組件的樣式定義自定義類,確保封裝設置爲none:

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