title: How to change the input field's text color in MaterializeCSS?
body: <p>How can I change the text color entered into the <code>input-field</code> of <code>MaterializeCSS</code>? The <a href="http://materializecss.com/forms.html" rel="nofollow">documentation</a> demonstrates how to change the color of labels or the underline, but not the color of the text.</p>
  
  <pre><code> /* label color */
     .input-field label {
       color: #000;
     }
     /* label focus color */
     .input-field input[type=text]:focus + label {
       color: #000;
     }
     /* label underline focus color */
     .input-field input[type=text]:focus {
       border-bottom: 1px solid #000;
       box-shadow: 0 1px 0 0 #000;
     }
     /* valid color */
     .input-field input[type=text].valid {
       border-bottom: 1px solid #000;
       box-shadow: 0 1px 0 0 #000;
     }
     /* invalid color */
     .input-field input[type=text].invalid {
       border-bottom: 1px solid #000;
       box-shadow: 0 1px 0 0 #000;
     }
     /* icon prefix focus color */
     .input-field .prefix.active {
       color: #000;
     }
  </code></pre>
  
  <p>The documentation also states that it's possible to modify the <code>sass</code> variables:</p>
  
  <blockquote>
    <p>Here is a CSS template for modifying input fields in CSS. With Sass,
    you can achieve this by just changing a variable. The CSS shown below
    is unprefixed. Depending on what you use, you may have to change the
    type attribute selector.</p>
  </blockquote>
  
  <p>But does not clarify which <code>sass</code> variables are available to change.</p>