title: How to change material-ui Textfield label styles in react
body: <p>I'm new to Material-UI, I couldn't able to figure it out, how to change the color of the label which is showing in grey color. I want it in <code>black</code>. Can anyone help me with this query?</p>
  
  <p>Here is the Code :</p>
  
  <pre><code>import React from "react";
  import ReactDOM from "react-dom";
  import { TextField, Button, Grid } from "@material-ui/core";
  
  class App extends React.Component {
    render() {
      return (
        &lt;Grid container justify={"center"} alignItems={"center"} spacing={1}&gt;
          &lt;Grid item&gt;
            &lt;TextField
              id="outlined-name"
              label="Name"
              value={"Enter value"}
              onChange={() =&gt; console.log("I was changed")}
              margin="normal"
              variant="outlined"
            /&gt;
          &lt;/Grid&gt;
          &lt;Grid item&gt;
            &lt;Button variant="contained" color="primary"&gt;
              Submit
            &lt;/Button&gt;
          &lt;/Grid&gt;
        &lt;/Grid&gt;
      );
    }
  }
  </code></pre>
  
  <p>Here is the code: "<a href="https://codesandbox.io/s/fancy-morning-30owz" rel="nofollow noreferrer">https://codesandbox.io/s/fancy-morning-30owz</a>"</p>