mdl-textfield renk değiştir

Question

Malzeme Tasarım Lite text field rengini değiştirmek için bir yol var mı? Özellikle, metin alanından önceki varsayılan metin ve alt çizgi kullanılır. Aşağıdaki örnekte "Metin ..." ve alt çizgi varsayılan olarak gridir. Karanlık bir arka plan kullandığım için beyaz olmalarına ihtiyacım var. Metin alanı kullanılmayan olduğunda

<!-- Simple Textfield --> 
<form action="#"> 
    <div class="mdl-textfield mdl-js-textfield"> 
    <input class="mdl-textfield__input" type="text" id="sample1"> 
    <label class="mdl-textfield__label" for="sample1">Text...</label> 
    </div> 
</form> 

Ben metnin rengini değiştirmek veya metin alanı seçildikten sonra, altı çizili sadece metin ve altını çizmek istemiyoruz.

Answer 1

Sadece varsayılan stil geçersiz:

.mdl-textfield__input{ 
    border-bottom: 1px solid #fff; 
} 

.mdl-textfield__label{ 
    color: #fff; 
} 

Answer 2

Ben css kütüphane dosyasında bazı kod buldum, bunu şu şekilde görünecektir:

.mdl-textfield--floating-label.is-focused .mdl-textfield__label,.mdl-textfield--floating-label.is-dirty .mdl-textfield__label,.mdl-textfield--floating-label.has-placeholder .mdl-textfield__label{color:#3f51b5;font-size:12px;top:4px;visibility:visible} 

sonra web sitesinde benim tarzımı geçersiz kılmak için çalıştı, sadece " renkli rengini" değiştirin, işe yarıyor! css dosyalarında daha fazla bilgi var. B)