title: how to change the asterisk color in required * field
body: <p>I have two required fields in my form .I want the asterisk color should be <code>red</code>.Currently it is showing black .I am using material UI react library ?
  here is my code
  <a href="https://codesandbox.io/s/r7lq1jnjl4" rel="noreferrer">https://codesandbox.io/s/r7lq1jnjl4</a>
  documents
  <a href="https://material-ui.com/demos/text-fields/" rel="noreferrer">https://material-ui.com/demos/text-fields/</a></p>
  
  <pre><code>&lt;FormControl&gt;
                    &lt;TextField
                      required
                      InputLabelProps={{
                        shrink: true
                      }}
                      id="standard-name"
                      label="Name"
                      margin="normal"
                      helperText="Some important text"
                    /&gt;
                  &lt;/FormControl&gt;
  </code></pre>