Currently facing difficulty in changing the color of the text within the input field when it's disabled. I'm utilizing Material UI for this purpose.
import React from "react";
import { makeStyles } from "@material-ui/core/styles";
import Input from "@material-ui/core/Input";
const useStyles = makeStyles(theme => ({
inputText: {
color: "blue"
}
}));
export default function Inputs() {
const classes = useStyles();
return (
<form className={classes.root} noValidate autoComplete="off">
<Input
className={classes.inputText}
defaultValue="Disabled"
disabled
inputProps={{ "aria-label": "description" }}
/>
</form>
);
}