mdl-textfieldの色を変更してください

Question

Material Design Lite 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> 

私は、テキストの色を変更したり、テキストフィールドが選択された後に下線、単なるテキストとテキストフィールドが未使用の場合に強調したくありません。私はそれがこのようになり、CSSのライブラリファイルにいくつかのコードを見つけ

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

.mdl-textfield__label{ 
    color: #fff; 
} 

Answer 1

ただ、デフォルトのスタイルシートを上書き"色"に変更してください。 cssファイルにはさらに詳しい情報があります。 B）

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} 

その後、私は、ウェブサイトに自分のスタイルを上書きしようとした