I am having trouble changing the border color and text color when an input is disabled. I have tried multiple variations, as seen below:
const textFieldStyle = {
'& label': {
color: darkMode?'#1976d2':'',
},
'& .MuiOutlinedInput-root': {
color:darkMode?'#1976d2':'',
'& fieldset': {
borderColor:darkMode?'#1976d2':'',
},
'&:hover fieldset': {
borderColor: darkMode?'#1976d2':'',
},
},
"& input.Mui-disabled": {
color: "green"
}
};
<TextField value={formState.vinInput} type="text" label="Stack" sx={textFieldStyle}/>
The rest of the styles are working correctly, like general color and focused color!