title: How to style the border of a MUI outlined TextField?
body: <p>Here is my current set up for a TextField component:</p>
  
  <pre><code>const styles = {
      resize: {
          fontSize: '50px',
      }
  }
  
  const textField = (props) =&gt; {
  
      const { classes } = props;
  
      return (
          &lt;TextField
              value={props.value}
              placeholder={'$'}
              variant={'outlined'}
              onChange={props.onChange}
              autoFocus
              InputProps={{
                  classes: {
                      input: classes.resize
                  }
              }}
          /&gt;
      );
  };
  
  export default withStyles(styles)(textField);
  </code></pre>
  
  <p>When clicking in the text field the border fades away (to a white color). I want the border to stay no matter what and not fade. I tried looking through the material-ui examples for an outlined textfield and came across the "Bare" one which had a fixed border but cannot get it to work in my case. I think I have to dig down through the wrapper components and set the style for the border somewhere? Im not sure.</p>