title: How to change the text color inside an disabled input?
body: <p>I'm trying to apply a different color to the text inside the input when disabled but is not working. I'm using Material Ui</p>
  
  <pre><code>import React from "react";
      import { makeStyles } from "@material-ui/core/styles";
      import Input from "@material-ui/core/Input";
  
      const useStyles = makeStyles(theme =&gt; ({
        inputText: {
          color: "blue"
        }
      }));
  
      export default function Inputs() {
        const classes = useStyles();
  
        return (
          &lt;form className={classes.root} noValidate autoComplete="off"&gt;
            &lt;Input
              className={classes.inputText}
              defaultValue="Disabled"
              disabled
              inputProps={{ "aria-label": "description" }}
            /&gt;
          &lt;/form&gt;
        );
      }
  </code></pre>
  
  <p><a href="https://codesandbox.io/s/material-demo-lq3e9" rel="nofollow noreferrer">https://codesandbox.io/s/material-demo-lq3e9</a></p>