MuiFormLabel.focused does not seem to take effect.

[aprilmintacpineda]

Problem:

I need to change the behavior of the Radio to not change the color of the label when you click on one of the item.

Example:

Before choosing (or clicking) one of the items:

After clicking Male on the left side Radio group, the label changes color

The docs did not mention any of this, but I saw that the label is actually a MuiFormLabel-root that means it is using the FormLabel component.

I tried doing:

createMuiTheme({
  overrides: {
    MuiFormLabel: {
      focused: {
        color: '#000 !important'
      }
    }
  }
});

Which according to the docs will allow me to change the .Mui-focused, but it did not work. I tried:

createMuiTheme({
  overrides: {
    MuiFormLabel: {
      root: {
        color: 'blue'
      }
    }
  }
});

And I saw it took effect, which means I'm pretty much on the correct path but can't find the right trigger.

I've seen #11244 and tried out different approach but non of which worked. Is this even possibru?

[joshwooding]

Hmm… I can’t trigger focus on a mobile. This should work:

MuiFormLabel: {
  root: {
    “&$focused”: {
      color: “red”,
    }
  }
}

[support]

👋 Thanks for using Material-UI!

We use GitHub issues exclusively as a bug and feature requests tracker, however,
this issue appears to be a support request.

For support, please check out https://material-ui.com/getting-started/support/. Thanks!

If you have a question on StackOverflow, you are welcome to link to it here, it might help others.
If your issue is subsequently confirmed as a bug, and the report follows the issue template, it can be reopened.