एमडीएल-टेक्स्टफील्ड पर रंग बदलें

Question

क्या कोई सामग्री डिज़ाइन लाइट text field का रंग बदलने के लिए कोई अंतर्निहित तरीका है? विशेष रूप से, टेक्स्ट फ़ील्ड से पहले डिफ़ॉल्ट टेक्स्ट और अंडरलाइन का उपयोग किया जाता है। नीचे दिए गए उदाहरण में "टेक्स्ट ..." और अंडरलाइन डिफ़ॉल्ट रूप से ग्रे हैं। मुझे सफेद होने की जरूरत है क्योंकि मैं एक अंधेरे पृष्ठभूमि का उपयोग कर रहा हूं।

<!-- 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> 

मैं, बस पाठ पाठ का रंग बदलने के लिए या के बाद पाठ क्षेत्र का चयन किया जाता रेखांकित और रेखांकित करने के लिए नहीं करना चाहती जब पाठ क्षेत्र अप्रयुक्त है।

Answer 1

बस डिफ़ॉल्ट स्टाइलशीट ओवरराइड:

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

.mdl-textfield__label{ 
    color: #fff; 
} 

Answer 2

मैं सीएसएस लाइब्रेरी फ़ाइल में कुछ कोड पाया है, यह इस तरह दिखेगा:

.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} 

तो मैं वेबसाइट में मेरी शैली को ओवरराइड करने की कोशिश की, बस "रंग" बदलें, यह काम करता है! सीएसएस फ़ाइलों पर अधिक जानकारी है। बी)