[Slider] Customize disabled state #25075
Description
I have overridden the disabled state of Slider.
but I don't know which syntax is correct:
const theme = createMuiTheme({
components: {
MuiSlider: {
styleOverrides: {
root: {
// case 1: Working
// "&.MuiSlider-root.Mui-disabled": {
// color: "red"
// }
// case 2: Not Working
"&.Mui-disabled": {
color: "red"
}
}
}
}
}
});Usually, I use method 2. but it doesn't seem to work in this case
More details:
https://codesandbox.io/s/continuousslider-material-demo-forked-3qphg